本文へ移動

§01-10Data Visualization

マインドマップ

中心の主題から枝分かれする構造を放射状に描く。

発想や論点を階層のまま広げて整理する。箇条書きでは全体の関係が見えにくいときや、議論の分岐を記録したいときに向く。

実装のポイント

中心から子ノードへ放射状に配置し、深さごとに半径を広げる。ノード追加時は兄弟間の角度を再分配し、Tab で子、Enter で兄弟を作るキー操作が定番。

特徴
  • チャート
デモで使っているもの
  • SVG
ソース
mindmap.tsx