前回、D3.jsでレーダーチャート書いてて、enter() で何が起きてるのかよく分からなかったのでソースコードを読んでみました。そのときのメモです。 長くなりました。一番下の方にまとめもあります。 読んだD3.jsのバージョンは、3.4.2です。 読んでみたらent…

前回に引き続きレーダーチャートを書き続けます！とりあえず今回で終わりにします。 今日は頂点にラベルをつけてみるのと、チャートを色分けするのをやってみます。 ラベル 各頂点が何番目のパラメータが対応しているのかを表示したいです。 SVGのtextを使う…

前回の続きです！引き続き、D3.jsでレーダーチャートを書きます。 レーダーチャートは書くことはできましたが、SVG領域の大きさが100×100であることが前提でコーディングされてます。 たとえば、前回作成したline関数はこんな感じでした。 var dataset = [ […

今年からD3.jsに入門しました。 チュートリアル（D3 入門 | スコット・マレイ | alignedleft）を読み終えたので、作ってみたかったレーダーチャートを作ってみます。こちらのサイト（->svg要素の基本的な使い方まとめ）を参考にさせていただきました。 D3.js…