2018-02-182022-10-03 このチュートリアルではD3.jsで簡単なグラフ(散布図)を書けるところまでを解説します。 チュートリアル目次 環境準備 要素の追加方法 データのバインド方法 SVGの基礎 グラフの書き方 D3.jsとは D3.js(Data-Driven Documents)はjavascriptのデータ視覚化ライブラリです。データビジュアライゼーションといったらこれ、というぐらい有名なライブラリです。他のライブラリとは異なり、関数にデータを入れれば描画してくれるものでなく、用意したデータを描画用のデータに変換し、変換したデータを元に画面を構成していきます。一つの表示を作るためにいくつかの処理を組み合わせなければなりませんが、それゆえ他のライブラリと比べて汎用性が非常に高く、アイディア次第で魔法のような表示が可能です。 公式サイトのギャラリーに、多くのサンプルがあ
![D3.js v4/v5 入門① – 環境準備 – データビジュアライゼーション・ラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/51809ba386b1be1e8d982cb79eecd94dfe27caf3/height=288;version=1;width=512/https%3A%2F%2Fwizardace.com%2Fwp-content%2Fuploads%2F2018%2F02%2Ftutorial1.png)