D3 [Data-Driven Documents]

https://d3js.org/

ライブラリで操作するのがタグの中のアトリビュート値なのでsvgの記述方法を基礎知識として先に学んでおいたので、わかりやすかったです。とくにsvgアニメーションを少しやっておいたのが良かった。

なお、codepenのサンプルの線グラフのようなものは、polylineの記述の上にcircleの記述。

https://developer.mozilla.org/ja/docs/Web/SVG/Element

See the Pen D3 [Data-Driven Documents] by tomo (@tomoka) on CodePen.

関連記事