hieararchy

D3によるサンバースト(sun burst)図で、クリック/タッチにより対象部分をズームする方法を紹介します。 サンプルデモ - 外側をクリック/タッチしてください（CかHがおススメ）。真ん中を再びク ...

D3によるサンバースト(sun burst)図の作り方を紹介します。 サンプルデモ サンプルプログフラム 解説 サンバースト図は、partitionと円グラフの組み合わせで作成します。それぞれの詳細は ...

D3の階層構造を表すclusterで円周上にノードを配置する方法について紹介します。階層構造(hierarchy)のデータ構造とデータの準備については、こちらをご覧ください。 プログラムデモ  ...

D3.jsの階層構造を可視化するtreeの折りたたみ動作についてのプログラムデモです。データの準備とデータ構造については、こちらを、treeの基本的な使い方についてはこちらをご覧ください。 プログラム ...

D3の階層構造を可視化するpartition(d3.partition)のプログラムデモです。 サンプルデモ 上のグラフは下の図と同じ階層構造を表示しています(参考)。表示順は、設定した値に応じてソー ...

D3.js (v4/v5)の階層構造を可視化するtreemap(d3.treemap)のプログラムデモです。あまり見慣れないグラフですが、カテゴリーの重要度を面積で表示するものです。 サンプルデモ 上 ...

D3の階層構造を可視化するpack(d3.hieararchy)のプログラムデモです(v4/v5対応)。 サンプルデモ サンプルプログラム 解説 1. 描画用データの準備 描画用のデータを用意します。 ...

D3.jsの階層構造を可視化するtree(d3.hieararchy)のプログラムデモです。マインドマップや関連性の表示に活用できます。データの準備とデータ構造については、こちらをご覧ください。 似た ...

D3.jsの階層構造を可視化するcluster(d3.hieararchy)のプログラムデモです。決定木などのクラスター分析の結果表示に活用できます。データの準備とデータ構造については、こちらをご覧く ...

D3.js hierarchy(v4/v5対応)の使い方について説明します。 hierarchyは、階層データを視覚化するためのライブラリで以下の5つの描画が可能です。 Cluster Tree Tr ...