huruyosi’s blog

プログラミングとかインフラとかのメモです。

D3.js の勉強を始める 2回目

今回は チャプター7~10まで

前回の続きになり、チャプター7~10まで

http://ja.d3js.info/alignedleft/tutorials/d3/

今のとこは順調にいけている。ここまではD3.jsを使うための準備だったと思う。SVGを使っているとN88-BASICやX-BASICでワクワクしながらプログラム言語を勉強していた頃を思い出す。

ここまではD3.jsの出力先の指定にselectAll()だけしか出てこないので、出力先をひとつになってしまった。複数の出力先を作るのはどうやるのだろうか。進めていけばでてくるかな。

作成したもの。 https://github.com/huruyosiathatena/d3js_study

10.SVG の基本 の結果

https://github.com/huruyosiathatena/d3js_study/blob/649774ef6cd49670f2eb5b691e8c5801cb83f614/d3js/src/main/resources/static/chap10/index.html

f:id:huruyosi:20151220141025p:plain

11.SVG の描画 の結果

https://github.com/huruyosiathatena/d3js_study/blob/649774ef6cd49670f2eb5b691e8c5801cb83f614/d3js/src/main/resources/static/chap11/index.html

f:id:huruyosi:20151220141028p:plain