濃いマスほど、このテーマでその指標が高いことを示します。
明瞭84
説得90
密度55
制作コスト45
課題適合70
仕事適合75
低高
短い答え
インフォグラフィックレシピを再開するはいつ選ぶ？
次の条件に合う。学生、フリーランサー、転職者
いつ避ける？
次の場合は別の形にする。ATS のみのプレーン テキストが必要であり、グラフィックスは削除されます。
誰が作り、広めた？
グリッド、タイプランプ、オープンアイコンセットを組み合わせたスタジオクラフト
何を符号化する？
レイアウトブロック + 控えめな定量バー + アイコン行
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
インフォグラフィックレシピを再開するはレイアウトブロック + 控えめな定量バー + アイコン行として値を載せます。グリッド、タイプランプ、オープンアイコンセットを組み合わせたスタジオクラフト。
業務報告・広告・課題では「学生、フリーランサー、転職者」に向く。「ATS のみのプレーン テキストが必要であり、グラフィックスは削除されます。」のときは別の形を選ぶ。
ソフト
- Excalidraw — まずページのワイヤーフレームをスケッチします。 · MIT · github.com/excalidraw/excalidraw
- Chart.js — Web をエクスポートする場合は、オプションのスキル バーまたはタイムライン バー。 · MIT · github.com/chartjs/Chart.js
- Lucide — 接触マークと断面マーク用の 1 つのアイコン ファミリ。 · ISC · github.com/lucide-icons/lucide
- Inter — 物語コラムの読みやすいボディフェイス。 · OFL-1.1 · github.com/rsms/inter
- Infographic blocks — このアトラスで教えられるブロック パターン。 · 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 を尊重。
インフォグラフィックレシピを再開する: レイアウトブロック + 控えめな定量バー + アイコン行を守り、「ATS のみのプレーン テキストが必要であり、グラフィックスは削除されます。」のときは別の図を選ぶ。