isTKS™javascript,program ≫ D3.jsを使ってデータビジュアライズ(データの可視化)

D3.jsを使ってデータビジュアライズ(データの可視化)

2014.06.11

D3.jsを使ってデータを棒グラフと折れ線グラフで表示してみる。
D3.jsはjavascriptのライブラリで、データの可視化や、SVGの操作などなど視覚部分に特化したjavascriptライブラリ。

jQueryに近い書式で、セレクター、メソッドチェーン、DOM操作などができるので、
jQueryを普段使ってる人にはとっつきやすそう。

JSON形式のデータから、棒グラフと折れ線グラフと目盛りを描写するサンプルコードをjsdo.itにあげてみる。

D3.jsの本家サイトに行くとかっこいいサンプルがたくさんあります。

D3.jsの本家サイト
http://d3js.org/

D3.jsの本家サイト/サンプル
https://github.com/mbostock/d3/wiki/Gallery

D3.js日本語ドキュメント
http://ja.d3js.node.ws/

  • このエントリーをはてなブックマークに追加