濃いマスほど、このテーマでその指標が高いことを示します。
明瞭60
説得55
密度90
制作コスト75
課題適合58
仕事適合70
低高
短い答え
ネットワークグラフマップはいつ選ぶ?
次の条件に合う。組織の影響マップ、依存関係グラフ、教室のソーシャル マップ
いつ避ける?
次の場合は別の形にする。単純な組織図や箇条書きにはすでに主張が含まれています
誰が作り、広めた?
強制的なレイアウト。 Cytoscape.js と GitHub の仲間たち
何を符号化する?
フォースまたは階層レイアウトを使用したノードとエッジ
広告に使ってよいか?
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか?
実験レポートとポスターで軸・単位・出典があれば通る。
ネットワークグラフマップはフォースまたは階層レイアウトを使用したノードとエッジとして値を載せます。強制的なレイアウト。 Cytoscape.js と GitHub の仲間たち。
業務報告・広告・課題では「組織の影響マップ、依存関係グラフ、教室のソーシャル マップ」に向く。「単純な組織図や箇条書きにはすでに主張が含まれています」のときは別の形を選ぶ。
規則
- 規則 1 — フォースまたは階層レイアウトを使用したノードとエッジは一つのチャネルだけに使う。
- 規則 2 — 直接ラベルは遠い凡例に勝つ。
- 規則 3 — ゼロを隠さない。軸を切ったら宣言する。
- 規則 4 — 色はカテゴリか大きさか、どちらか一方。
- 規則 5 — タイトルに主張を書く。「ネットワークグラフマップ」だけにしない。
- 規則 6 — 出典と期間は小さくても書く。
パレット
- パレット 1 — カテゴリは区別できる色。連続は一色の明度。
- パレット 2 — 発散は中央を中立、両端だけ強調。
- パレット 3 — ブランド色ひとつと灰色の方が虹より強い。
- パレット 4 — プロジェクターとグレースケール印刷でコントラストを確認。
文字
- 文字 1 — 数値は表形式数字。本文フォントをチャートに流し込まない。
- 文字 2 — タイトルは文、軸は短い名詞。
- 文字 3 — 日本語は太さを一段下げ、字間を空ける。
ネットワークグラフマップ: フォースまたは階層レイアウトを使用したノードとエッジを守り、「単純な組織図や箇条書きにはすでに主張が含まれています」のときは別の図を選ぶ。