Educational AI Workflow Mechanism Infographic

{
  "type": "educational infographic",
  "header": {
    "title": "[最新AI (ChatGPT / Claude) の仕組み]",
    "badge": "[高校生でもわかる！]",
    "subtitle": "[文章・画像・音声も理解し、考えて動けるAIのしくみを1枚で解説！]"
  },
  "layout": {
    "style": "clean flat design, structured grid layout, Japanese typography, crisp vector icons, vibrant modern color palette",
    "sections": [
      {
        "title": "AIが答えを出すまで(基本の流れ)",
        "position": "left column",
        "count": 6,
        "labels": [
          "入力",
          "トークン化 (Token)",
          "ベクトル化 (Embedding)",
          "Transformer (AIの頭脳)",
          "次のトークンを予測 (生成)",
          "出力"
        ],
        "visuals": "vertical flowchart with directional arrows, student with laptop, token splitting graphic, vector array diagram, self-attention neural network tree, robot assistant icon"
      },
      {
        "title": "ここがコア！ 3つの重要ポイント",
        "position": "top right",
        "count": 3,
        "labels": [
          "Token (トークン)",
          "Transformer (トランスフォーマー)",
          "次トークン予測"
        ],
        "visuals": "text block tokenization graphic, multi-node attention network, step-by-step word prediction visual"
      },
      {
        "title": "最近のブレイクスルー (2024-2025)",
        "position": "middle right",
        "count": 4,
        "labels": [
          "マルチモーダル",
          "エージェント化",
          "長文・推論能力の向上",
          "効率化・高速化"
        ],
        "visuals": "multimodal media icons, autonomous AI agent workflow chart, lightbulb reasoning symbol, performance gauge meter with expert network nodes"
      },
      {
        "title": "全体まとめ",
        "position": "bottom full width",
        "elements": [
          "horizontal 6-step summary workflow",
          "highlighted yellow callout container with text: [「AIは、情報を細かく分けて数字に変換し、関係性を計算して、次に来るものを予測する巨大な数学マシン」です！]",
          "[anime-style female student pointing and smiling]"
        ]
      }
    ]
  }
}