D3.js でビジュアライゼーション

D3.js とは

d3.js はインタラクティブな ビジュアライゼーションが可能な JavaScript ライブラリです。

チャートやダイアグラムなど多様な表現を生成でき、SVGとCSSを利用して表示されます。

D3.js の導入

GithubからD3.js をダウンロードします。

最新リリース版

https://github.com/d3/d3/releases/latest

script タグでロードする(直リンクの場合)

script タグでロードする(minified versionを直リンクの場合)

D3.js の使い方

使用例が下記にまとめられています。

Mike Bostock’s Blocks – bl.ocks.org

まとめ

Web 標準のリソースのみで多彩な表現ができますので、データ可視化を行う上でも簡易に目的に即した表示ができそうです。

参考資料

公式:D3.js – Data-Driven Documents

Github:JP Home · d3/d3 Wiki · GitHub

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA