keyとvalueの2列テーブル。

前回まで

http://ytyaru.hatenablog.com/entry/2017/04/26/000000
http://ytyaru.hatenablog.com/entry/2017/04/27/000000

2次元配列でのテーブル作成は以前やった。今回はobjectのキーと値の2列テーブルを作成する。

成果物

d3.object.table.201702201451

Playgrounds

See the Pen d3.object.table.201702201451 by ytyaru (@ytyaru) on CodePen.

jsfiddle, jsdo.it

開発環境

• 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()をよく理解できていない。+