濃いマスほど、このテーマでその指標が高いことを示します。
明瞭78
説得72
密度82
制作コスト55
課題適合48
仕事適合95
低高
短い答え
Apache ECharts ダッシュボードはいつ選ぶ？
次の条件に合う。運用ダッシュボード、四半期パック、ライブ KPI ウォール
いつ避ける？
次の場合は別の形にする。PDF 内の 1 つの静的なバーが質問に答えます。
誰が作り、広めた？
Baidu ECharts は、トップ GitHub 視覚化プロジェクトとして Apache ECharts になりました
何を符号化する？
データセットをデカルト ビュー、極座標ビュー、グラフ ビューにマッピングする JSON オプション
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
Apache ECharts ダッシュボードはデータセットをデカルト ビュー、極座標ビュー、グラフ ビューにマッピングする JSON オプションとして値を載せます。Baidu ECharts は、トップ GitHub 視覚化プロジェクトとして Apache ECharts になりました。
業務報告・広告・課題では「運用ダッシュボード、四半期パック、ライブ KPI ウォール」に向く。「PDF 内の 1 つの静的なバーが質問に答えます。」のときは別の形を選ぶ。
ソフト
- Apache ECharts — Apache 傘下のフル機能のグラフ作成ライブラリ。 · Apache-2.0 · github.com/apache/echarts
- ECharts examples — パターンをコピーして、視聴者向けに簡素化します。 · Apache-2.0 · github.com/apache/echarts-examples
- ECharts docs — シリーズ、軸、ビジュアルマップのオプション リファレンス。 · Apache-2.0 · github.com/apache/echarts-doc
- D3 (custom marks) — ECharts オプションでストーリーを表現できない場合は、D3 にドロップします。 · ISC · github.com/d3/d3
- Static SVG twin — 同じ KPI ストーリーの印刷セーフな SVG ツイン。 · 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 を尊重。
Apache ECharts ダッシュボード: データセットをデカルト ビュー、極座標ビュー、グラフ ビューにマッピングする JSON オプションを守り、「PDF 内の 1 つの静的なバーが質問に答えます。」のときは別の図を選ぶ。