濃いマスほど、このテーマでその指標が高いことを示します。
明瞭85
説得60
密度48
制作コスト28
課題適合86
仕事適合88
低高
短い答え
Chart.js クイック チャートはいつ選ぶ？
次の条件に合う。内部ツール、学生の Web プロジェクト、軽量のマーケティング ページ
いつ避ける？
次の場合は別の形にする。マップ、サンキー、または出版グレードのベクトルのエクスポートのみが必要です
誰が作り、広めた？
Chart.js が Web のデフォルトの MIT スターター チャートになりました
何を符号化する？
小さな構成オブジェクトからキャンバスに描画されたマーク
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
Chart.js クイック チャートは小さな構成オブジェクトからキャンバスに描画されたマークとして値を載せます。Chart.js が Web のデフォルトの MIT スターター チャートになりました。
業務報告・広告・課題では「内部ツール、学生の Web プロジェクト、軽量のマーケティング ページ」に向く。「マップ、サンキー、または出版グレードのベクトルのエクスポートのみが必要です」のときは別の形を選ぶ。
部分
- マーク — Chart.js クイック チャートの中核マークは小さな構成オブジェクトからキャンバスに描画されたマーク。
- 尺度 — 尺度はゼロ（または宣言した切れ目）と単位を示す。
- 軸 — 軸タイトルは変数であり、気分ではない。
- 凡例 — 凡例は直接ラベルより弱い。できるならマークの横に書く。
- ラベル — 数値は任意。比較が仕事なら端だけ書く。
- 格子 — 格子は薄く。データがインクを持つ。
- 注釈 — 注釈は一文。出典と期間を書く。
- 枠 — 枠は細く。3Dの箱は使わない。
変種
- キャンバスチャート — Chart.js クイック チャートの変種 1（キャンバスチャート）。同じ符号化、違うレイアウト。
- MITウェブチャート — Chart.js クイック チャートの変種 2（MITウェブチャート）。同じ符号化、違うレイアウト。
- シンプルなダッシュボード — Chart.js クイック チャートの変種 3（シンプルなダッシュボード）。同じ符号化、違うレイアウト。
- Chart.js クイック チャート 4 — Chart.js クイック チャートの変種 4（Chart.js クイック チャート 4）。同じ符号化、違うレイアウト。
ラベル
- 軸 — Chart.js クイック チャートではマークを読めるように書く。
- 凡例 — Chart.js クイック チャートでは尺度を読めるように書く。
- ラベル — Chart.js クイック チャートでは軸を読めるように書く。
- 格子 — Chart.js クイック チャートでは凡例を読めるように書く。
- 注釈 — Chart.js クイック チャートではラベルを読めるように書く。
Chart.js クイック チャート: 小さな構成オブジェクトからキャンバスに描画されたマークを守り、「マップ、サンキー、または出版グレードのベクトルのエクスポートのみが必要です」のときは別の図を選ぶ。