D3.js
https://d3js.org/preview.png
Data-Driven Documents
どうデータドリブンかというと、for文やイテレータを使わずともデータをバインドできる
例えば以下のようなコードがあったとして、配列の要素毎にpタグがappendされる
要素それぞれに対して処理をする箇所についてはD3がやってくれる
code:js
var p = d3.select("body").selectAll("p")
.data(theData)
.enter()
.append("p");
データはarrayで受け付ける
JSONやらCSVやらから読み込んだとしてarrayにする、ということを理解しておくとよい
keysとかmapとかを使って配列に加工してやるなどの工夫が必要になる