Data Visualization meetup 201729. Data-Driven Document var data = [{id:0, value:100}, {id:1, value:200}, {id:2, value:300 //選択した要素にデータを束縛する const div = d3.selectAll("div").data(data, (d) => d.id) //要素が足りない時は追加 const enterDiv = div.enter().append("div") //要素が多すぎる時は削除 const exitDiv = div.exit().remove() //アトリビュートの内容をアップデートする div.merge(enterDiv).attr("width", d=> d.value ) 5 . 12
