こんにちは、まいです！
プレゼン資料やブログでグラフを使うとき、「数字や折れ線だけだと少し堅苦しいな」と感じたことはありませんか？だからといって、グラフの横にちょこんとキャラクターを置くだけだと、なんだか取って付けたような印象になってしまうこともありますよね。
そこで今回は、キャラクター自身が巨大なグラフの空間に入り込んで、数字や変化を案内してくれる面白い図解表現を紹介します！
今回の図解表現
今回紹介する図解表現は、
Chart Navigator（チャート・ナビゲーター）
です。
数字をただ「読ませる」のではなく、データの世界をキャラクターと一緒に「探索する」ような感覚で作るインフォグラフィック表現です。
この図解はどんな表現？
一般的なグラフは、画面の中に四角く収まっていて、私たちはそれを外側から客観的に眺めますよね。
でも、この Chart Navigator では、グラフそのものがひとつの「大きな空間」になります。
キャラクターがそびえ立つ棒グラフの足元に立って見上げたり、急上昇する折れ線の頂点を指差したり、大きく落ち込んだポイントをしゃがんで観察したりします。
つまり、キャラクターがデータの中に飛び込むことで、数字の大きさや変化の激しさが「スケール感」として直感的に伝わる表現なんです。
この表現ならではのポイント
この図解でいちばん大切なのは、「主役はあくまでデータで、キャラクターは案内役」 という点です。
キャラクターをただ可愛く目立たせるのではなく、以下のような役割を持たせます。
- 視線とポーズで注目ポイントを指し示す：一番伝えたい「最大値」や「急増したポイント」へ、キャラクターの手や視線をピタッと合わせます。
- 行動でデータの意味を表現する：数値の差を測るように見比べたり、伸びている折れ線を誇らしげに見上げたり、データの変化に合わせた自然なアクションをとらせます。
- データの正確性を崩さない：空間として表現しても、棒グラフの比率や折れ線の傾きは正しく保ちます。派手な3Dにして数値を歪ませるのではなく、すっきりと見やすい2D〜2.5Dの洗練されたデザインを目指します。
キャラクターのリアクションを見るだけで、「ここが一番大事な変化なんだ！」とひと目で伝わるのが、この表現の大きな強みです。
デザインのポイント
美術やデザインの視点から見ると、この表現には面白い工夫がたくさん詰まっています。私のお気に入りポイントをいくつか紹介しますね！
1. 「白ベース」と「アクセントカラー」の引き算
グラフ全体をごちゃごちゃさせないために、背景はすっきりとした白（ピュアホワイト）を使います。ベースは黒やグレーなどの落ち着いた線で構成し、一番注目してほしい数値や変曲点だけにアクセントカラーを効かせます。背景がシンプルだからこそ、キャラクターと重要データがしっかり引き立ちます。
2. 自然な視線誘導のルート作り
画面を見るとき、人の目は自然と「キャラクター」に引き寄せられます。その習性を利用して、キャラクターから注目数値、そしてグラフ全体の傾向へと視線がスムーズに流れるレイアウトを意識します。
3. スケール感のコントラスト
人間とグラフのサイズ比を大胆に変えることで、ダイナミックな画面が生まれます。たとえば「前年比200%」という急成長を伝えたいなら、キャラクターの背丈をはるかに超える棒グラフを見上げる構図にすると、成長の凄さが言葉以上に伝わりますよね。
こんな内容におすすめ
数値の変化や比較を印象的に見せたい、さまざまなテーマで大活躍します。
- ビジネス・マーケティングの成果報告（売上の急増やユーザー数の伸び）
- 技術・ITのトレンド比較（利用率のシェアや処理速度の差）
- 科学や調査データの解説（気温変化、統計データの特異点）
- 学習・教育コンテンツ（歴史的な人口推移や経済の仕組み）
特に「ここがターニングポイント！」という変曲点があるデータや、2つの数値をわかりやすく比較したいときに相性抜群です。
実際に作ってみよう
画像生成AIを使ってこの図解を作るときは、解説したいデータと、案内役にしたいキャラクター画像を準備します。
プロンプトには、
- どんな数値を可視化したいのか（売上推移、比較データなど）
- 最も注目してほしいポイント（「3月からの急増」「AとBの圧倒的な差」など）
をしっかり書き込みます。
あわせてお気に入りのキャラクター画像を参照させることで、その子の特徴（髪型、服装、全体の雰囲気）を保ったまま、グラフの中に入り込んでもらうことができます。
具体的な数値が決まっていない場合でも、「定性的な変化のイメージ図」として作成することも可能です。
今回使った汎用プロンプト
# Chart Navigator
## 目的
入力された情報を分析し、添付されたキャラクターが巨大なグラフやチャートの内部へ入り、数値・傾向・変化・比較結果を案内する、高品質な「Chart Navigator Style」の解説図を生成してください。
単なる「グラフ＋キャラクター」ではなく、グラフそのものをキャラクターが探索できる空間として表現してください。
キャラクターは棒グラフの横に立つ、折れ線の変曲点を指す、数値の差を測る、データの山を見上げるなど、データを読み解く行動に参加してください。
目標は「数字を読む」のではなく、「データの特徴を視覚的に体験しながら理解する」ことです。
## 入力情報
【情報】
(ここに解説したい情報)
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- データが表す対象と単位
- 最も重要な結論
- 最大値・最小値
- 増加・減少・横ばい
- 急激な変化・変曲点
- 項目間の差
- 全体に対する割合
- 時系列・順位・分布
- 注目すべき例外
- 読者に発見してほしい特徴
すべての数値を同じ強さで見せず、最も伝える価値のある特徴を1～3個程度に絞ってください。
## グラフの選択
情報の性質に合わせて最適な形式を選択してください。
- 棒グラフ：数量・順位・項目比較
- 折れ線グラフ：時間変化・推移
- 積み上げ棒：内訳・構成
- 散布図：分布・相関
- 面グラフ：累積・量の変化
- ウォーターフォール：増減の内訳
- ヒートマップ：密度・集中箇所
- フロー・サンキー図：数量の流れ
円グラフは構成比が重要な場合に使用してください。
見栄えより、データの意味を正確に伝えられる形式を優先してください。
## グラフを空間化する
グラフを画面の中心へ大きく配置し、キャラクターが内部へ入り込めるスケールで表現してください。
例えば、
- 巨大な棒グラフの間を歩く
- 折れ線の急上昇部分を見上げる
- 最大値の頂点を指し示す
- 2本の棒の高さを比較する
- 散布図の密集領域を観察する
- 大きく減少した地点を調査する
- データの流れを追いかける
などです。
ただし、棒を建物、折れ線を道路などへ変形する場合も、元のデータの位置・高さ・形状・関係を正確に維持してください。
## キャラクターの役割
キャラクターには具体的なデータ観察行動を与えてください。
指差す、見上げる、比較する、測定する、記録する、変化点を観察するなど、グラフの特徴と直接関係する動作を選択してください。
キャラクターの視線・手・姿勢が、実際の注目箇所へ向かうようにしてください。
グラフが主役であり、キャラクターは読者の視線を導くナビゲーターです。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
テーマに合わせて勝手に衣装を変更しないでください。
キャラクターは原則一人とし、グラフの巨大さが伝わる適切なサイズにしてください。
表情は知的好奇心・発見・納得を自然に表現してください。
## 数値と注目ポイント
重要なデータには、短いラベルや数値を直接配置してください。
例えば、
「最大 85%」
「前年比 +12%」
「ここから急増」
「AとBの差：24件」
などです。
変化点や差分はアクセントカラー、細い引出線、拡大表示などで強調してください。
キャラクターが注目する箇所と強調箇所を一致させてください。
## データの正確性
以下を厳守してください。
- 数値・単位・項目名を維持する
- 棒の高さを正しい比率で描く
- 軸の目盛り・間隔を正確に扱う
- 時系列の順序を変えない
- 比較するグラフの尺度を揃える
- ゼロ起点が必要な棒グラフで差を誇張しない
- 相関を因果関係として断定しない
- 存在しないデータを補完しない
入力情報に具体的な数値がない場合は、架空の数値を作らず、定性的な模式図として表現してください。
## レイアウト・デザイン
一枚の中で、
グラフ全体
→ キャラクター
→ 注目データ
→ 変化・比較
→ 重要な発見
へ視線が自然に進む構成にしてください。
背景は完全な白（Pure White Background）を基本とし、黒・グレーとアクセント1～2色を中心にしてください。
キャラクター本来の固有色は維持してください。
全体は、
Data Visualization
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた、知的で洗練された表現としてください。
2Dを基本に、必要に応じて軽い2.5D表現を使用してください。
## 禁止事項
以下は避けてください。
- 小さなグラフの横にキャラクターを置くだけ
- キャラクターの過度な巨大化
- データと無関係なポーズ
- 数値を無視した棒の高さ
- 誤解を招く軸の省略・変更
- 意味のない3Dグラフ
- 過剰な遠近法による数値の歪み
- 大量の説明カード
- 不要なアイコン・装飾
- 重い影・発光・複雑なグラデーション
- 丸角カード中心のダッシュボード
- 長文によるデータ説明
- 幼児向け教材風
- 根拠のない結論・数値・比較
視覚的な面白さのためにデータの正確性を犠牲にしないでください。
## 文字・出力仕様
タイトル、項目名、ラベル、注釈は原則として日本語にしてください。
単位・数式・変数名・製品名・専門用語などは必要に応じて原表記を維持してください。
アスペクト比：16:9
高解像度で生成し、数値・目盛り・ラベル・グラフ線を明瞭に描画してください。
## 最終イメージ
「キャラクターがグラフを説明する画像」ではありません。
「巨大なデータ空間へキャラクターが入り込み、数値の高さ・変化・差・分布を実際に観察しながら、読者と一緒に重要な特徴を発見するChart Navigator」にしてください。
「数字を並べる」ではなく「数字の意味を見せる」、
「グラフを飾る」ではなく「グラフを探索する」、
「キャラクターが主役」ではなく「データが主役」、
「派手な3D」ではなく「正確で印象的な可視化」、
「説明を読む」ではなく「変化を見て理解する」
デザインにしてください。このプロンプトは、単に「キャラクターとグラフを描く」という指示ではなく、
- 入力されたデータから、最適なグラフ形式（棒、折れ線、散布図など）を論理的に選ぶ
- グラフをキャラクターが歩ける空間として再構築する
- キャラクターの視線やポーズを、強調したいデータと完全に一致させる
- 数値の比率や軸の正確さを維持しながら、洗練されたエディトリアルデザインに仕上げる
といった、情報設計とビジュアル表現の両立を徹底的に追求した設計になっています。
使うときは、【情報】の部分に図解化したいデータや伝えたい変化を入れ、【キャラクター】として画像を添付するだけで、知的でわかりやすいデータ探索図解が作れるようになっています。
まいのポイント
私なら、「キャラクターの目線の高さ」 にこだわってみたいです！
たとえば、平均値や横ばいのデータならキャラクターの腰や胸あたりの高さにして落ち着いた雰囲気にし、突き抜けた記録や大きな成長を伝えるときは、思いっきり上を見上げるようなローアングル気味の構図にしてみます。
キャラクターの視線の角度ひとつで、データのインパクトが何倍にも強調されて、ドラマチックな図解になるはずです。
数字をただ並べるだけのグラフから一歩踏み出して、見ていてワクワクするデータ空間を作ってみてくださいね。
ぜひ試してみてください！
# Chart Navigator
## 目的
入力された情報を分析し、添付されたキャラクターが巨大なグラフやチャートの内部へ入り、数値・傾向・変化・比較結果を案内する、高品質な「Chart Navigator Style」の解説図を生成してください。
単なる「グラフ＋キャラクター」ではなく、グラフそのものをキャラクターが探索できる空間として表現してください。
キャラクターは棒グラフの横に立つ、折れ線の変曲点を指す、数値の差を測る、データの山を見上げるなど、データを読み解く行動に参加してください。
目標は「数字を読む」のではなく、「データの特徴を視覚的に体験しながら理解する」ことです。
## 入力情報
【タイトル】
1週間の歩数から見つける大きな変化
【テーマ】
1週間の歩数を巨大な棒グラフで表現し、日による違いを比較する。
【データ】
月曜日：4,000歩
火曜日：4,500歩
水曜日：4,200歩
木曜日：4,800歩
金曜日：5,000歩
土曜日：12,000歩
日曜日：6,000歩
【注目ポイント】
- 平日は4,000〜5,000歩でほぼ横ばい。
- 土曜日は12,000歩で突出している。
- 土曜日は平日平均の約2.7倍。
【キャラクターの演出】
キャラクターが巨大な棒グラフの間に立ち、数値の高さを観察する。
平日の棒はキャラクターの腰から胸程度の高さに見えるよう、人物との距離や配置を調整する。落ち着いた目線で横ばいの傾向を確認する。
土曜日の棒は頭上へ大きく伸び、キャラクターが驚きながら見上げる。ややローアングルの構図で高さのインパクトを強調する。
【構図のポイント】
- 平日の安定した高さと土曜日の突出を対比。
- キャラクターの視線を平日から土曜日へ誘導。
- 土曜日だけアクセントカラーで強調。
- 棒の高さは実際の数値比率を正確に維持。
- 過剰な遠近法でグラフを歪ませない。
【伝えたい発見】
「平日はほぼ一定なのに、土曜日だけ歩数が大きく増えている！」
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- データが表す対象と単位
- 最も重要な結論
- 最大値・最小値
- 増加・減少・横ばい
- 急激な変化・変曲点
- 項目間の差
- 全体に対する割合
- 時系列・順位・分布
- 注目すべき例外
- 読者に発見してほしい特徴
すべての数値を同じ強さで見せず、最も伝える価値のある特徴を1～3個程度に絞ってください。
## グラフの選択
情報の性質に合わせて最適な形式を選択してください。
- 棒グラフ：数量・順位・項目比較
- 折れ線グラフ：時間変化・推移
- 積み上げ棒：内訳・構成
- 散布図：分布・相関
- 面グラフ：累積・量の変化
- ウォーターフォール：増減の内訳
- ヒートマップ：密度・集中箇所
- フロー・サンキー図：数量の流れ
円グラフは構成比が重要な場合に使用してください。
見栄えより、データの意味を正確に伝えられる形式を優先してください。
## グラフを空間化する
グラフを画面の中心へ大きく配置し、キャラクターが内部へ入り込めるスケールで表現してください。
例えば、
- 巨大な棒グラフの間を歩く
- 折れ線の急上昇部分を見上げる
- 最大値の頂点を指し示す
- 2本の棒の高さを比較する
- 散布図の密集領域を観察する
- 大きく減少した地点を調査する
- データの流れを追いかける
などです。
ただし、棒を建物、折れ線を道路などへ変形する場合も、元のデータの位置・高さ・形状・関係を正確に維持してください。
## キャラクターの役割
キャラクターには具体的なデータ観察行動を与えてください。
指差す、見上げる、比較する、測定する、記録する、変化点を観察するなど、グラフの特徴と直接関係する動作を選択してください。
キャラクターの視線・手・姿勢が、実際の注目箇所へ向かうようにしてください。
グラフが主役であり、キャラクターは読者の視線を導くナビゲーターです。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
テーマに合わせて勝手に衣装を変更しないでください。
キャラクターは原則一人とし、グラフの巨大さが伝わる適切なサイズにしてください。
表情は知的好奇心・発見・納得を自然に表現してください。
## 数値と注目ポイント
重要なデータには、短いラベルや数値を直接配置してください。
例えば、
「最大 85%」
「前年比 +12%」
「ここから急増」
「AとBの差：24件」
などです。
変化点や差分はアクセントカラー、細い引出線、拡大表示などで強調してください。
キャラクターが注目する箇所と強調箇所を一致させてください。
## データの正確性
以下を厳守してください。
- 数値・単位・項目名を維持する
- 棒の高さを正しい比率で描く
- 軸の目盛り・間隔を正確に扱う
- 時系列の順序を変えない
- 比較するグラフの尺度を揃える
- ゼロ起点が必要な棒グラフで差を誇張しない
- 相関を因果関係として断定しない
- 存在しないデータを補完しない
入力情報に具体的な数値がない場合は、架空の数値を作らず、定性的な模式図として表現してください。
## レイアウト・デザイン
一枚の中で、
グラフ全体
→ キャラクター
→ 注目データ
→ 変化・比較
→ 重要な発見
へ視線が自然に進む構成にしてください。
背景は完全な白（Pure White Background）を基本とし、黒・グレーとアクセント1～2色を中心にしてください。
キャラクター本来の固有色は維持してください。
全体は、
Data Visualization
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた、知的で洗練された表現としてください。
2Dを基本に、必要に応じて軽い2.5D表現を使用してください。
## 禁止事項
以下は避けてください。
- 小さなグラフの横にキャラクターを置くだけ
- キャラクターの過度な巨大化
- データと無関係なポーズ
- 数値を無視した棒の高さ
- 誤解を招く軸の省略・変更
- 意味のない3Dグラフ
- 過剰な遠近法による数値の歪み
- 大量の説明カード
- 不要なアイコン・装飾
- 重い影・発光・複雑なグラデーション
- 丸角カード中心のダッシュボード
- 長文によるデータ説明
- 幼児向け教材風
- 根拠のない結論・数値・比較
視覚的な面白さのためにデータの正確性を犠牲にしないでください。
## 文字・出力仕様
タイトル、項目名、ラベル、注釈は原則として日本語にしてください。
単位・数式・変数名・製品名・専門用語などは必要に応じて原表記を維持してください。
アスペクト比：16:9
高解像度で生成し、数値・目盛り・ラベル・グラフ線を明瞭に描画してください。
## 最終イメージ
「キャラクターがグラフを説明する画像」ではありません。
「巨大なデータ空間へキャラクターが入り込み、数値の高さ・変化・差・分布を実際に観察しながら、読者と一緒に重要な特徴を発見するChart Navigator」にしてください。
「数字を並べる」ではなく「数字の意味を見せる」、
「グラフを飾る」ではなく「グラフを探索する」、
「キャラクターが主役」ではなく「データが主役」、
「派手な3D」ではなく「正確で印象的な可視化」、
「説明を読む」ではなく「変化を見て理解する」
デザインにしてください。