灵感来自纽约时报奥巴马预算展示 ( http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html?_r=0 )，以及可缩放在 D3 示例页面上的圆形包装示例，我受到启发，指导我们的实习生开发一个基于 Web 的数据集导航界面。我们（主要是他）可以得到圆形包装函数来绘制层次结构，放大和缩小，这样数据就可以工作了。我们要添加的是悬停或单击圆圈标题（而不是单击圆圈主体）以显示交互式工具提示的能力（我个人偏爱此处显示的提示：http://iamceege.github .io/tooltipster/ )。
在非常粗略的伪代码中，我们正在寻找这样的东西：
on page load, draw hierarchical circles, label the outermost layer (top nodes)
on circle.body.click, zoom in; show node labels
on circle.body.rightclick, zoom out, adjust node label display accordingly
(I have no idea if rightclick is an appropriate event)
on circle.title.hover, display tooltip
on tooltip.object.click, take appropriate action (varies by tooltip part)
你可能已经猜到了，我不是 JavaScript 程序员。我为我在这里的污垢方法中的咕哝和抓挠表示歉意。我们的实习生有一定的技能，但正在苦苦挣扎。我觉得我们离成功只有几个方便的技巧。
任何帮助是极大的赞赏。
干杯。
京东