Aアイコングラフメーカー｜無料でピクトグラムグラフを作成

「グラフを作りたいけど、数字の棒グラフでは味気ない」
「プレゼン資料や広報物に、パッと見て伝わるビジュアルを使いたい」

そんな方に向けて、「FAアイコングラフメーカー」という無料ツールを公開しました。
Font Awesomeのアイコンを使って、数値を直感的なピクトグラムグラフに変換できます。
SVG・PNG形式でそのままダウンロード可能で、ブラウザだけで完結します。

※入力内容はすべてブラウザ内で処理され、外部サーバーには送信されません。インターネット接続が必要です（Font AwesomeをCDNから読み込みます）。

FAアイコングラフメーカーとは

ピクトグラムグラフ（アイソタイプ）とは、数値をアイコンの個数や大きさで表現するグラフです。
国勢調査のポスターや教科書でよく見かけるあのスタイルで、棒グラフや円グラフよりも直感的に量感が伝わるのが特徴です。

FAアイコングラフメーカーは、Font Awesome 6のアイコン（人・車・動物・建物・お金など）を使って、このグラフをブラウザ上で自由に作れるツールです。
デザインツールや専用ソフトは不要。設定を選ぶだけでリアルタイムにグラフが生成され、完成したらSVGかPNGで書き出せます。

5種類の表現方法から選べる

アイコングラフの見せ方は、用途に合わせて5種類から選べます。

① 個数で表現（デフォルト）

「アイコン1個＝10人」のように単位を設定し、数値に応じた数のアイコンを並べます。
最もオーソドックスなピクトグラムグラフの形式で、量感を直感的に比較できます。
端数の表示方法は「薄いアイコンで表示／切り捨て／四捨五入／切り上げ」から選択可能です。

② 大きさで表現

数値が大きいほどアイコンを大きく、小さいほど小さく表示します。
項目数が多い場合や、個数より相対的な大小を視覚的に伝えたいときに向いています。
サイズの差の表現は「やわらかく／そのまま／かなり抑える」の3種類から選べます。

③ 個数＋大きさ（ハイブリッド）

個数とサイズを同時に変化させます。
数値の差を二重の視覚情報で表現するため、大きな差がある比較データに特に効果的です。

④ 段階サイズ

小・中・大・特大の4段階でアイコンのサイズを変えます。
細かな数値差より、段階的なグレードを伝えたい評価グラフや満足度比較に向いています。

⑤ 位取りアイコン

「35」を「大アイコン3個＋小アイコン5個」のように、桁ごとにサイズを変えて表現します。
「100・10・1」や「1000・100・10・1」の単位にも対応しており、大きな数値を視覚的に分かりやすく伝えられます。

使えるアイコンは10カテゴリ以上

Font Awesome 6 Freeのアイコンを、カテゴリ検索と日本語・英語キーワード検索で選べます。

• 人物：人、グループ、子ども、高齢者など
• マネー：円、コイン、財布、クレジットカード、成長グラフなど
• 動物：犬、猫、魚、馬、牛など
• モビリティ：車、バス、トラック、飛行機、電車、船など
• 建物・工場：家、ビル、工場、倉庫、病院、学校など
• 仕事・IT：パソコン、AI・ロボット、スマホ、本、電球など
• 生活：医療、卒業、買い物、食事、飲み物など
• 自然：木、葉、太陽、水、山など
• 記号・評価：ハート、星、トロフィー、旗など

リストにないアイコンは、Font Awesomeのクラス名（例：fa-solid fa-camera）を自由入力欄に入力して使うこともできます。

デザインも細かく調整できる

グラフのビジュアルは、色・サイズ・レイアウト・間隔まで自由に設定できます。

プレビューはすべての設定変更にリアルタイムで反映されます。プレビュー倍率は「全体表示／100％／75％／50％」から選べるので、大きなグラフも確認しやすいです。

使い方は4ステップ

こんな用途に使えます

• 広報資料・プレスリリースの数値グラフ（利用者数、売上、件数など）
• 採用広報・会社案内の社員数・部署比率・年齢構成グラフ
• 社内報・社内プレゼンのわかりやすい実績比較
• 学校・行政の報告書やポスターへの活用
• ブログ・Web記事内のインフォグラフィック素材
• SNS投稿用の統計ビジュアル（PNG書き出しして使用）
• イベント・展示パネルへの組み込み

よくある質問

まとめ：数値をアイコンで伝えると、ひと目で理解してもらえる

棒グラフや円グラフでは伝わりにくい「量感」を、アイコングラフなら視覚的に一発で伝えられます。
広報資料・社内報・SNS素材など、さまざまな場面でぜひ活用してみてください。