D3.js の勉強を始める

かっこいいグラフを作りたくて D3.jsの勉強を始めました。手ごろなチュートリアルがあるので写経を行っています。

写経の結果は github (https://github.com/huruyosiathatena/d3js_study)にあります。Spring bootのWebアプリに組み込む予定なので、Spring bootで動かしています。

01. このチュートリアルについて ～ 05.メソッドのチェイン まで

JavaScriptとチェインメソッドの説明だったので、さくっと終了

06. データのバインディング

既存の要素が無いけど、selectAllと書くのはちょっと気持ち悪かった。 WEB インスペクタを使って結果を確認する件は、ChromeとFirefoxのWebインスペクタではチュートリアル通りだったけど、Firebugを使うと__data__が出てこなかった。console.log(d3.selectAll("p")[0][0].__data__)やconsole.log(d3.selectAll("p")[0][1].__data__)とやると確認できた。これでいいのかな？

07.データの使い方 以降

今日は chapter 6 までで終わり。