<svg viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif">
  <defs>
    <linearGradient id="titleUnderlineAccessNums" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="hubGradAccessNums" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowHeadAccessNums" markerWidth="9" markerHeight="9" refX="6" refY="4.5" orient="auto">
      <path d="M0,0 L9,4.5 L0,9 Z" fill="#a9a9a9"/>
    </marker>
  </defs>

  <rect x="0" y="0" width="1200" height="675" fill="#ffffff"/>

  <!-- タイトル -->
  <text x="600" y="42" text-anchor="middle" font-size="25" font-weight="700" fill="#2d2d2d">見るべき3つの数字</text>
  <rect x="500" y="58" width="200" height="4" rx="2" fill="url(#titleUnderlineAccessNums)"/>

  <!-- 中央ハブ -->
  <ellipse cx="600" cy="300" rx="108" ry="64" fill="url(#hubGradAccessNums)"/>
  <text x="600" y="292" text-anchor="middle" font-size="14.5" font-weight="700" fill="#ffffff">アクセス解析</text>
  <text x="600" y="316" text-anchor="middle" font-size="11.5" fill="#eafaf0">月1回、5分だけ</text>
  <text x="600" y="333" text-anchor="middle" font-size="11.5" fill="#eafaf0">眺めれば十分</text>

  <!-- 数字1: 左（訪問者数） -->
  <path d="M 500 270 L 350 195" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadAccessNums)"/>
  <rect x="80" y="115" width="270" height="130" rx="13" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="215" y="147" text-anchor="middle" font-size="14.5" font-weight="700" fill="#3f6b3c">①訪問者数</text>
  <text x="215" y="172" text-anchor="middle" font-size="12" fill="#4a4a4a">何人来たか</text>
  <text x="215" y="195" text-anchor="middle" font-size="11" fill="#6b8f68">先月より増えたか減ったか</text>
  <text x="215" y="215" text-anchor="middle" font-size="11" fill="#6b8f68">の傾向をつかむ</text>

  <!-- 数字2: 右（流入元） -->
  <path d="M 700 270 L 850 195" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadAccessNums)"/>
  <rect x="850" y="115" width="270" height="130" rx="13" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="985" y="147" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2f6a91">②流入元</text>
  <text x="985" y="172" text-anchor="middle" font-size="12" fill="#4a4a4a">どこから来たか</text>
  <text x="985" y="195" text-anchor="middle" font-size="11" fill="#4c7f9e">検索・SNS・直接の</text>
  <text x="985" y="215" text-anchor="middle" font-size="11" fill="#4c7f9e">3つに分かれる</text>

  <!-- 数字3: 下（人気ページ） -->
  <path d="M 600 368 L 600 445" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadAccessNums)"/>
  <rect x="465" y="453" width="270" height="130" rx="13" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <text x="600" y="485" text-anchor="middle" font-size="14.5" font-weight="700" fill="#a85a1e">③人気ページ</text>
  <text x="600" y="510" text-anchor="middle" font-size="12" fill="#4a4a4a">どのページが</text>
  <text x="600" y="530" text-anchor="middle" font-size="12" fill="#4a4a4a">見られているか</text>
  <text x="600" y="553" text-anchor="middle" font-size="11" fill="#b97b46">お客さまの関心が表れる</text>

  <!-- 右下補足カード -->
  <rect x="850" y="463" width="270" height="120" rx="12" fill="#f5f5f3"/>
  <text x="985" y="495" text-anchor="middle" font-size="14" font-weight="700" fill="#2d2d2d">数字は「声なき声」</text>
  <text x="985" y="519" text-anchor="middle" font-size="12" fill="#4a4a4a">見たけれど行動しな</text>
  <text x="985" y="537" text-anchor="middle" font-size="12" fill="#4a4a4a">かった理由を想像する</text>
  <text x="985" y="560" text-anchor="middle" font-size="11" fill="#6b6b6b">代表ツール: Google Analytics</text>
</svg>
