Contents
D3.js とは
d3.js はインタラクティブな ビジュアライゼーションが可能な JavaScript ライブラリです。
チャートやダイアグラムなど多様な表現を生成でき、SVGとCSSを利用して表示されます。
D3.js の導入
GithubからD3.js をダウンロードします。
最新リリース版
https://github.com/d3/d3/releases/latest
script タグでロードする（直リンクの場合）
|
1 |
<<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>https://d3js.org/d3.v4.js<span class="pl-pds">"</span></span>></<span class="pl-ent">script</span>> |
script タグでロードする（minified versionを直リンクの場合）
|
1 |
<<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>https://d3js.org/d3.v4.min.js<span class="pl-pds">"</span></span>></<span class="pl-ent">script</span>> |
D3.js の使い方
使用例が下記にまとめられています。
Mike Bostock’s Blocks - bl.ocks.org
まとめ
Web 標準のリソースのみで多彩な表現ができますので、データ可視化を行う上でも簡易に目的に即した表示ができそうです。