濃いマスほど、このテーマでその指標が高いことを示します。
明瞭76
説得48
密度80
制作コスト62
課題適合70
仕事適合78
低高
短い答え
Vega-Lite 文法はいつ選ぶ？
次の条件に合う。再現可能な分析図、教育エンコード、ノートブック
いつ避ける？
次の場合は別の形にする。会議の招待状に必要な使い捨てバーは 1 つだけです
誰が作り、広めた？
ワシントン大学インタラクティブ データ ラボの Vega-Lite
何を符号化する？
マーク＋エンコードチャンネルの単位仕様
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
Vega-Lite 文法はマーク＋エンコードチャンネルの単位仕様として値を載せます。ワシントン大学インタラクティブ データ ラボの Vega-Lite。
業務報告・広告・課題では「再現可能な分析図、教育エンコード、ノートブック」に向く。「会議の招待状に必要な使い捨てバーは 1 つだけです」のときは別の形を選ぶ。
ソフト
- Vega-Lite — Vega にコンパイルされる高レベルの文法 - BSD-3-Clause。 · BSD-3-Clause · github.com/vega/vega-lite
- Vega — より豊かなインタラクションのための完全な文法ランタイム。 · BSD-3-Clause · github.com/vega/vega
- Altair — アナリスト向けに Vega-Lite を生成する Python API。 · BSD-3-Clause · github.com/vega/altair
- Observable Plot — JSファーストな感じの姉妹文法。 · ISC · github.com/observablehq/plot
- D3 — Vega-Liteでは表現できないマークのエスケープハッチ。 · ISC · github.com/d3/d3
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
Vega-Lite 文法: マーク＋エンコードチャンネルの単位仕様を守り、「会議の招待状に必要な使い捨てバーは 1 つだけです」のときは別の図を選ぶ。