d3 advent calendar 19日目 d3.layout.hierarchy d3.layout.hierarchy このlayoutは直接利用するものではなく、d3.layout.treeなど階層構造を表現するためのベースlayoutです。 今日はこのlayoutのAPIにふれて、次回で具体的なlayoutであるtreeの使い方を説明します。 概要 このlayout(およびその拡張)は、2つのメインのメソッド.nodes()と.links()を提供しています。 .nodes()は、「名前と子要素を持つハッシュ」を「位置や角度、サイズといったトポロジ情報を持つオブジェクト」であるnodeの配列に変換します .links()は、nodeの配列から「sourceとtargetとして関係する2つのnode情報を持つオブジェクト」に変換します layout.hierarchyはこれら2つ
d3 advent calendar 20日目 d3.layout.tree d3.layout.tree d3.layout.treeは「樹形図」を描くことができる.layoutです 書きたいですよね?樹形図! 概要 このlayoutは、前回紹介したhierarchyの具体的な表現例の1つになります。 従って、ネスト化されたデータを用意して渡し、nodes、linksの2つのデータを表現していくことになります。 さっさと実例 var data; // {name: 'root', nodes: [{name: 'child1', value: 3}, {name: 'child2', value: 5}]} var tree = d3.layout.tree().size([300, 300]).children(function(d){ return d.nodes;}); var n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く