読者です 読者をやめる 読者になる 読者になる

やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

d3.jsでobjectからテーブルを作成する

keyとvalueの2列テーブル。

前回まで

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

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

成果物

GitHubd3.object.table.201702201451

Playgrounds

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

jsfiddle, jsdo.it

開発環境

テーブルの形

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>
Id0
Name佐藤
Age44

一行にしてしまうと以下のようになる。普通はやらない。

Id0 Name佐藤 Age44

所感

前回と同じく、かなり苦労した。まだデータ駆動のdata()をよく理解できていない。+