D3.js
前回、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…