使用angular/d3/css3 /（？）通过动画树形图创建体验

Question

所以我有一个简单的树形图，将其细分为稍后可能会更改的类别。

这将是严格的ipad/chrome，所以不要担心遗留问题。

我想分支（线）一种从每个类别（语音/视频聊天）到以下节点成长（视频群聊，SKYPE等）。我非常肯定，画布是实现这一点的最佳方式。节点和类别的数据将从angularJS中的javascript/json factory/model中获取。堆栈中的任何人都可以帮助我制定一个解决方案，该解决方案可以对变化进行缩放，并使点击和动画变得过于简单以适应快速变化

如果可能的话，在画布领域的额外评论（我几乎不知道什么地方）。 这对我来说是一次抢先攻击;所以，如果我要求太过抱歉。

Answer 1

D3可能是要走的路。它通常带有陡峭的学习曲线（至少对我而言，之前没有使用过SVG）。 Mike Bostock有一个类似的例子：http://bl.ocks.org/mbostock/4339083

节点是交互式的，有几层嵌套。它是左右树，而不是像你想要的那样从上到下。所以它需要修改以获得它想要的。

Mike Bostock的另一个例子是：http://bl.ocks.org/mbostock/999346。这是自上而下的。