d3树不仅以一个点开始，而且以多个点开始

问题描述

我现在是d3学习者，我想尝试进行如下所示的可视化。 所以我有很多这样的人：

[
   {"name": "Bob","team": "team1"},{"name": "Anna","team": "team2"},{"name": "Tom","team": "team3"},{"name": "Susan",{"name": "Gorge",{"name": "Tim",]

我要做的是在左侧显示人员名称，然后在右侧显示团队，然后将该人通过曲线连接到相应的团队。 我尝试使用https://observablehq.com/@d3/tidy-tree，但是我还不太清楚该怎么做，因为就我而言，它不是从一个点开始的，如果我可以这么说的话，它有点相反。

我还创建了一个将人员映射到团队的功能，如果有帮助的话

const mapPeopleToTeams = (arr) => {
  let map = new Map();
  for (let person of arr) {
   if (!map.has(person.team)) {
     map.set(person.team,[person.name]);
   } else {
     map.set(person.team,map.get(person.team).concat(person.name));
   }
  }

  return map;
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）