NYTimes のオバマ予算表示 ( 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 プログラマーではありません。ここでダートアプローチでうなり声を上げてしまったことをお詫びします。私たちのインターンはある程度のスキルを持っていますが、苦労しています。ここで成功するためのいくつかの便利なヒントに過ぎないように感じます。
どんな助けでも大歓迎です。
乾杯。
JD