濃いマスほど、このテーマでその指標が高いことを示します。
明瞭86
説得88
密度65
制作コスト50
課題適合40
仕事適合96
低高
短い答え
四半期報告書のビジュアルはいつ選ぶ？
次の条件に合う。マネージャー、創設者、学生クラブ会計担当者
いつ避ける？
次の場合は別の形にする。漏れを恐れてすべての KPI を 1 つのスライドに詰め込む
誰が作り、広めた？
コンサルティング ウォーターフォール カルチャーとオープン チャート ライブラリの融合
何を符号化する？
共有パレットを使用したブリッジ + トレンド + コールアウト スタック
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
四半期報告書のビジュアルは共有パレットを使用したブリッジ + トレンド + コールアウト スタックとして値を載せます。コンサルティング ウォーターフォール カルチャーとオープン チャート ライブラリの融合。
業務報告・広告・課題では「マネージャー、創設者、学生クラブ会計担当者」に向く。「漏れを恐れてすべての KPI を 1 つのスライドに詰め込む」のときは別の形を選ぶ。
ソフト
- Apache ECharts — ライブパックのダッシュボードグレードのチャート。 · Apache-2.0 · github.com/apache/echarts
- Chart.js — HTML エクスポートの軽量トレンド。 · MIT · github.com/chartjs/Chart.js
- Mermaid — プロセスまたは組織の変更は、付録のテキスト図として説明されています。 · MIT · github.com/mermaid-js/mermaid
- Color.js — 暗いテーマのスライドのコントラストを確認します。 · MIT · github.com/color-js/color.js
- Waterfall demo — プリントセーフなブリッジチャートティーチングマーク。 · 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 を尊重。
四半期報告書のビジュアル: 共有パレットを使用したブリッジ + トレンド + コールアウト スタックを守り、「漏れを恐れてすべての KPI を 1 つのスライドに詰め込む」のときは別の図を選ぶ。