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 までで終わり。