凡例とは? 主題図やチャートには欠かせない凡例ですが、D3.jsではこの判例も自動的に生成はしてくれないので自分で描画する必要があります。 以外とメンドウな作業なのですが、「d3 Legend」プラグインを使うとd3.scaleの設定から凡例を簡単に生成することができます。 非常に便利なプラグインなので是非つかってみてください。 サンプル オーソドックスな縦書きの凡例を表示してみました。 var svg = d3.select('svg'); //チャートを描画する際に使用するスケール(正規化)関数 var colorScale = d3.scale.linear() .domain([0, 100]).range(["skyblue", "darkblue"]); //凡例を配置するグループ要素を追加 var legendView = svg.append("g") .attr("cla
![チャートの凡例を簡単に作成できるD3プラグイン「d3 Legend」](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd4ed41eabbac50cea8850fa4e7937207f0db80c/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2015%2F08%2Fd3_Legend.jpg)