§01-10Data Visualization
マインドマップ
中心の主題から枝分かれする構造を放射状に描く。
発想や論点を階層のまま広げて整理する。箇条書きでは全体の関係が見えにくいときや、議論の分岐を記録したいときに向く。
実装のポイント
中心から子ノードへ放射状に配置し、深さごとに半径を広げる。ノード追加時は兄弟間の角度を再分配し、Tab で子、Enter で兄弟を作るキー操作が定番。
- 特徴
- チャート
- デモで使っているもの
- SVG
- ソース
- mindmap.tsx
§01-10Data Visualization
中心の主題から枝分かれする構造を放射状に描く。
発想や論点を階層のまま広げて整理する。箇条書きでは全体の関係が見えにくいときや、議論の分岐を記録したいときに向く。
中心から子ノードへ放射状に配置し、深さごとに半径を広げる。ノード追加時は兄弟間の角度を再分配し、Tab で子、Enter で兄弟を作るキー操作が定番。