highcharts.jsを使用してこれまでに生成したグラフィックをd3.jsに変更することを評価しています
楽しみのためだけに、d3.jsがどのように機能するかを学びたいと思います。
以下のURLに似たもの（パイをクリックすると新しいデータが表示されるかどうかを確認してください）、動的ですぐに使用できるもの（またはゼロから実装しないもの）があるのではないかと思います。
私が達成したいこと、多かれ少なかれ...
http://lully.snv.jussieu.fr/gbif/mapping/graphs/examples/pie-legend.htm
前もって感謝します
ペレ
Highchartsを置き換えたい場合、現時点で利用できる唯一の優れたオープンソースの代替手段は、Bob MonteverdeのNovusチャートライブラリ（http://novus.github.com/nvd3/ ）だと思います。NVD3には、優れた円グラフと優れた凡例があります。このライブラリのすべてのチャートを見ると、私が何を意味しているのかがわかります。Stephen Boakのチュートリアル（ http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html）でも、優れた円グラフを見つけることができます。もう1つの興味深いオプションは、D3jsgoogleグループでFrankGuerinoの質問を探すことです。私があなたならNVD3を使います。調整が必要な場合もありますが、現時点では最適なオプションのようです。幸運を！
d3.jsを利用して円グラフを生成するシンプルな関数。この関数はhttp://xhprof.io/プロジェクトの一部です。任意のサイズのデータセットを処理できます。ラベルの余白、円の半径、パーセンテージデータの可視性など、カスタマイズを可能にするいくつかのオプションがあります（ソースコードを参照）。
デモはhttps://dev.anuary.com/858b33b7-bd66-507b-a9f1-533e4de79ba3/で入手できます。ソースコードはhttps://github.com/gajus/pie-chartで入手できます。