D3を利用したDOM(タグ)の作成 (要約)
var table = d3.select('#canvas_heat')
.append('table') //tableタグ追加
.append('tbody') //tbodyタグ追加
.selectAll('tr')
.data(raw)
.enter()
.append('tr') //trタグ追加
.selectAll('td')
.data(function (csv_data) { ... })
.enter()
.append('td') //tdタグ追加
selectAll() // 存在していないタグ(DOM) でもOK
data() // 表示するデータを指定
enter() //
append() // DOMを作成、追加
上記のメソッドチェーンを呼び出すとデータの数に合わせてタグを作成してくれる。