keyとvalueの2列テーブル。
前回まで
http://ytyaru.hatenablog.com/entry/2017/04/26/000000
http://ytyaru.hatenablog.com/entry/2017/04/27/000000
2次元配列でのテーブル作成は以前やった。今回はobjectのキーと値の2列テーブルを作成する。
成果物
Playgrounds
See the Pen d3.object.table.201702201451 by ytyaru (@ytyaru) on CodePen.
開発環境
- Linux Mint 17.3 MATE
- Firefox 42.0
- d3.js v4.5.0
テーブルの形
keyとvalueの2列テーブルにしたい。
<table> <tr><th>Id</th><td>0</td></tr> <tr><th>Name</th><td>佐藤</td></tr> <tr><th>Age</th><td>44</td></tr> </table>
Id | 0 |
---|---|
Name | 佐藤 |
Age | 44 |
一行にしてしまうと以下のようになる。普通はやらない。
Id | 0 | Name | 佐藤 | Age | 44 |
---|
所感
前回と同じく、かなり苦労した。まだデータ駆動のdata()
をよく理解できていない。+