因此，我有一个简单的树图，将其分为几类，以后可能会更改。
严格来说，这仅适用于ipad / chrome，因此不必担心遗留问题。
我希望分支（线）从每个类别（语音/视频聊天）发展到以下节点（环聊，Skype等）。我很确定画布是实现此目的的最佳方法。节点和类别的数据将从angularJS中的javascript / json工厂/模型中获取。堆栈中的任何人都可以为我提供一个解决方案，该解决方案可以扩展更改并简化单击和动画以实现快速更改。
如果可能的话，在画布领域（我几乎一无所知）中添加更多评论。
这对我来说是先发制人的打击；所以，如果要，我太抱歉了。
最佳答案
D3可能是要走的路。但是，它通常带有陡峭的学习曲线（至少对我来说，以前没有使用过SVG）。
Mike Bostock有一个类似的例子：http://bl.ocks.org/mbostock/4339083
节点是交互式的，并具有多层嵌套。它就像是一棵左右树，而不是像您想要的那样自上而下完成。因此，将需要对其进行修改以使其达到您的要求。
Mike Bostock的另一个示例是：http://bl.ocks.org/mbostock/999346。这是自上而下的。