d3.js を学ぶための課題として使用したいインフォグラフィックをオンラインで見ました。元のインフォグラフィックは次のとおりです。
http://www.shah3d.com/wp-content/uploads/2012/11/IG-WWF-Dehahs.png
ここから始めました: http://www.tips-for-excel.com/d3test/arc/arc%20test.html
オリジナルには、下からの弧と上に沿った弧を結ぶ素敵な線があることに気付くでしょう。これまでのところ、この効果を実現するためにたくさんの円を配置するのは面倒なことしか考えられません。そのため、現在ビジュアルに奇妙な赤い円が表示されています。元のグラフィックを再現する最善の方法は何ですか? この作業を容易にする要素はどれですか? 弧？線？行が意図した場所に移動するように、データを操作する必要があると思います。
必要に応じてさらに情報を提供できることを嬉しく思います。時間を割いて読んでくれてありがとう。