濃いマスほど、このテーマでその指標が高いことを示します。
明瞭70
説得45
密度92
制作コスト88
課題適合60
仕事適合72
低高
短い答え
D3カスタムクラフトはいつ選ぶ？
次の条件に合う。斬新な形式、研究数値、オーダーメイドの説明者
いつ避ける？
次の場合は別の形にする。Chart.js バーはすでにマネージャーの質問に答えています
誰が作り、広めた？
Mike Bostock D3 (2011) - 依然としてカスタム Viz のクラフト バックボーン
何を符号化する？
明示的なスケールを使用した SVG/キャンバス マークへのデータ結合
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
D3カスタムクラフトは明示的なスケールを使用した SVG/キャンバス マークへのデータ結合として値を載せます。Mike Bostock D3 (2011) - 依然としてカスタム Viz のクラフト バックボーン。
業務報告・広告・課題では「斬新な形式、研究数値、オーダーメイドの説明者」に向く。「Chart.js バーはすでにマネージャーの質問に答えています」のときは別の形を選ぶ。
規則
- 規則 1 — 明示的なスケールを使用した SVG/キャンバス マークへのデータ結合は一つのチャネルだけに使う。
- 規則 2 — 直接ラベルは遠い凡例に勝つ。
- 規則 3 — ゼロを隠さない。軸を切ったら宣言する。
- 規則 4 — 色はカテゴリか大きさか、どちらか一方。
- 規則 5 — タイトルに主張を書く。「D3カスタムクラフト」だけにしない。
- 規則 6 — 出典と期間は小さくても書く。
パレット
- パレット 1 — カテゴリは区別できる色。連続は一色の明度。
- パレット 2 — 発散は中央を中立、両端だけ強調。
- パレット 3 — ブランド色ひとつと灰色の方が虹より強い。
- パレット 4 — プロジェクターとグレースケール印刷でコントラストを確認。
文字
- 文字 1 — 数値は表形式数字。本文フォントをチャートに流し込まない。
- 文字 2 — タイトルは文、軸は短い名詞。
- 文字 3 — 日本語は太さを一段下げ、字間を空ける。
D3カスタムクラフト: 明示的なスケールを使用した SVG/キャンバス マークへのデータ結合を守り、「Chart.js バーはすでにマネージャーの質問に答えています」のときは別の図を選ぶ。