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

所以我有一个简单的树形图，它被分解成类别，以后可能会改变

这将严格适用于ipad/chrome，所以不要担心遗留问题

我希望分支（线）从每个类别（语音/视频聊天）增长到以下节点（闲逛、skype等）。我非常确定canvas是实现这一点的最佳方式。节点和类别的数据将从angularJS中的javascript/json工厂/模型中获取。stack的任何人都可以帮助我找到一个解决方案，它可以根据变化进行缩放，并使点击和动画变得简单化，从而实现快速变化

如果可能的话，在画布领域中添加额外的注释（我几乎什么都不知道）。

---

这对我来说是先发制人的打击；因此，如果我要求的是太多的抱歉。

D3可能是最好的选择。但它通常伴随着一个陡峭的学习曲线（至少对我来说，以前没有与SVG合作过）。 Mike Bostock有一个类似的例子：

这些节点是交互式的，并且具有多个嵌套层。它是作为一个左-右树来完成的，而不是像你想要的那样自上而下。因此，它需要修改以获得您想要的效果

Mike Bostock的另一个例子是：。这是一个自上而下的过程