上記のような図を「Chord graph(コードグラフ)」というらしいです。日本語に直すと弦グラフですかね?D3.jsにはChordレイアウトが用意されているので作成するのは比較的簡単です。頑張ればNHKの参議院選挙サイトで使われていたカッコイイ!グラフも作れるかもしれません。 サンプルコード var svg = d3.select("svg") //データセットの作成 dataLength = 12; var data = d3.range(dataLength).map(function() { return d3.range(dataLength).map(function(){ return Math.floor(Math.random() *dataLength) }) }); //console.log(data); //カラースケール var color = d3.scale
![【D3.js】NHKの参議院選挙サイトで使用されていた謎グラフ(Chord graph)的なものを作ってみる。](https://cdn-ak-scissors.b.st-hatena.com/image/square/70b810e8b84e05f122b5ce7c045040b958bed887/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F07%2Fchordgraph.jpg)