D3.jsはじめ

Posted on 木 12 6月 2014 in D3.js • Tagged with D3.js

BigDataをグラフィカルに表現したい!

あふれた情報だけど、 D3.js を動かし始めるとこまでやってみる。 フロントエンドが久々なので、最近のトレンドも踏まえながらやってみる。

環境構築

bower というのを使えばパッケージ管理できるらしい!すげぇ!(なぜ今まで無かったのか)

bower install d3.js

htmlコードにはこんな感じで

<head>
    ...
    <script src="bower_components/d3/dist/d3.min.js'"></script>
    ...
</head>

D3をとりあえず動かす

適当にpタグでも作っておく

<body>
    <p id="chart"></p>
</body>

TODO:簡単に図を表示するコード

var hoge = d3.select("#chart").append("svg")
    .attr("width", chart.width())
    .attr …

Continue reading