<svg viewBox="0 0 720 360" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Internet stats">
  <defs>
    <linearGradient id="netBg" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f7fc"/>
      <stop offset="1" stop-color="#e7ecf4"/>
    </linearGradient>
    <clipPath id="globeClip"><circle cx="196" cy="180" r="108"/></clipPath>
  </defs>
  <rect width="720" height="360" fill="url(#netBg)"/>

  <!-- Globe -->
  <g>
    <circle cx="196" cy="180" r="108" fill="#ffffff" stroke="#2337ff" stroke-width="2.5"/>
    <g clip-path="url(#globeClip)" fill="none" stroke="#c6cfdd" stroke-width="2">
      <!-- latitudes -->
      <line x1="88" y1="144" x2="304" y2="144"/>
      <line x1="88" y1="180" x2="304" y2="180"/>
      <line x1="88" y1="216" x2="304" y2="216"/>
      <!-- longitudes -->
      <ellipse cx="196" cy="180" rx="36" ry="108"/>
      <ellipse cx="196" cy="180" rx="76" ry="108"/>
    </g>
    <!-- meridian highlight -->
    <ellipse cx="196" cy="180" rx="36" ry="108" fill="none" stroke="#2337ff" stroke-width="2" opacity="0.5" clip-path="url(#globeClip)"/>
    <!-- location pin -->
    <g transform="translate(214 138)">
      <path d="M0 40 C-16 18 -16 4 0 -6 C16 4 16 18 0 40 Z" fill="#2337ff"/>
      <circle cx="0" cy="12" r="7" fill="#f4f7fc"/>
    </g>
    <!-- network nodes -->
    <g fill="#6aaa64">
      <circle cx="150" cy="120" r="4"/>
      <circle cx="244" cy="150" r="4"/>
      <circle cx="160" cy="232" r="4"/>
    </g>
    <g stroke="#aab3c5" stroke-width="1.5" opacity="0.7">
      <line x1="150" y1="120" x2="214" y2="150"/>
      <line x1="244" y1="150" x2="214" y2="150"/>
      <line x1="160" y1="232" x2="214" y2="150"/>
    </g>
  </g>

  <!-- Readout -->
  <g font-family="'Geist Mono', ui-monospace, monospace" font-size="22">
    <g transform="translate(360 108)">
      <text fill="#8790a1" x="0" y="0">IP</text>
      <text fill="#1a2338" x="90" y="0">203.0.113.7</text>
    </g>
    <g transform="translate(360 152)">
      <text fill="#8790a1" x="0" y="0">ASN</text>
      <text fill="#1a2338" x="90" y="0">AS13335</text>
    </g>
    <g transform="translate(360 196)">
      <text fill="#8790a1" x="0" y="0">GEO</text>
      <text fill="#1a2338" x="90" y="0">33.4, -112.0</text>
    </g>
    <g transform="translate(360 240)">
      <text fill="#8790a1" x="0" y="0">COLO</text>
      <text fill="#6aaa64" x="90" y="0">PHX</text>
    </g>
  </g>

  <!-- label -->
  <text x="360" y="326" text-anchor="middle" font-family="'Geist Mono', ui-monospace, monospace" font-size="18" letter-spacing="2" fill="#5f6880">as seen by the edge</text>
</svg>
