濃いマスほど、このテーマでその指標が高いことを示します。
明瞭92
説得58
密度40
制作コスト25
課題適合94
仕事適合93
低高
短い答え
データとチャートの決定はいつ選ぶ？
次の条件に合う。レポート、広告主張、または割り当て図の最初の 60 秒
いつ避ける？
次の場合は別の形にする。テンプレート ギャラリーでおしゃれに見えるためグラフを選択する
誰が作り、広めた？
ベルタン記号学。最新の選択ガイドとグラフィック文法ツール
何を符号化する？
マークとチャネルにマッピングされたタスク タイプ (長さ、位置、角度、色)
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
データとチャートの決定はマークとチャネルにマッピングされたタスク タイプ (長さ、位置、角度、色)として値を載せます。ベルタン記号学。最新の選択ガイドとグラフィック文法ツール。
業務報告・広告・課題では「レポート、広告主張、または割り当て図の最初の 60 秒」に向く。「テンプレート ギャラリーでおしゃれに見えるためグラフを選択する」のときは別の形を選ぶ。
ソフト
- Observable Plot — 整然としたデータのための簡潔な文法 - エンコードを素早く試すのに最適です。 · ISC · github.com/observablehq/plot
- Vega-Lite — エンコーディングに名前を付けることを強制する宣言仕様。 · BSD-3-Clause · github.com/vega/vega-lite
- D3 — カスタム フォームが必要であると選択者が指示した場合に、低レベルのマークを付けます。 · ISC · github.com/d3/d3
- Chart.js — エンコードの決定が完了すると、簡単な Web チャートが表示されます。 · MIT · github.com/chartjs/Chart.js
- Viz chooser pillar — このサイト選択機能は、SaaS ログインなしでジョブごとにフォームをフィルタリングします。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
データとチャートの決定: マークとチャネルにマッピングされたタスク タイプ (長さ、位置、角度、色)を守り、「テンプレート ギャラリーでおしゃれに見えるためグラフを選択する」のときは別の図を選ぶ。