| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P06 Inference Watts — image-as-canvas (#40) + floating KPI cards + bar chart, dense rhythm --> |
| 3 | |
| 4 | <rect id="bg" width="1280" height="720" fill="#FFFFFF"/> |
| 5 | |
| 6 | <g id="bg-hero"> |
| 7 | <image href="../images/p06_inference_thermal.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 8 | </g> |
| 9 | |
| 10 | <g id="bg-scrim-top"> |
| 11 | <rect x="0" y="0" width="1280" height="160" fill="#FFFFFF" fill-opacity="0.92"/> |
| 12 | </g> |
| 13 | |
| 14 | <g id="bg-masthead-rule"> |
| 15 | <rect x="0" y="0" width="1280" height="4" fill="#C8102E"/> |
| 16 | </g> |
| 17 | |
| 18 | <g id="header-folio"> |
| 19 | <line x1="48" y1="34" x2="1232" y2="34" stroke="#111111" stroke-width="1"/> |
| 20 | <text x="48" y="26" font-family="Consolas, "Courier New", monospace" font-size="10" font-weight="700" fill="#111111" letter-spacing="2">THE AI INDUSTRY 2026 · ANNUAL REPORT</text> |
| 21 | <text x="640" y="26" font-family="Consolas, "Courier New", monospace" font-size="10" font-weight="700" fill="#111111" text-anchor="middle" letter-spacing="2">STORY III · INFERENCE</text> |
| 22 | <text x="1232" y="26" font-family="Consolas, "Courier New", monospace" font-size="10" font-weight="700" fill="#111111" text-anchor="end" letter-spacing="2">VOL. 1 · NO. 1 · MAY 2026</text> |
| 23 | </g> |
| 24 | |
| 25 | <g id="header"> |
| 26 | <text x="48" y="58" font-family=""Arial Black", SimHei, sans-serif" font-size="11" font-weight="900" fill="#C8102E" letter-spacing="3.5">SECTION IV · STORY III</text> |
| 27 | <text x="48" y="110" font-family="Impact, "Arial Black", SimHei, sans-serif" font-size="44" font-weight="900" fill="#111111" letter-spacing="-1">INFERENCE — A 4.6× SPREAD</text> |
| 28 | <text x="48" y="138" font-family=""Times New Roman", SimSun, serif" font-size="16" font-style="italic" fill="#111111">Same medium-length prompt; <tspan fill="#C8102E" font-weight="700">5 W</tspan> at one end of the frontier class, <tspan fill="#C8102E" font-weight="700">23 W</tspan> at the other.</text> |
| 29 | <line x1="48" y1="156" x2="1232" y2="156" stroke="#111111" stroke-width="2"/> |
| 30 | </g> |
| 31 | |
| 32 | <!-- ============ FLOATING KPI CARDS ============ --> |
| 33 | <g id="kpi-claude"> |
| 34 | <rect x="48" y="184" width="220" height="124" fill="#FFFFFF" stroke="#111111" stroke-width="1.5"/> |
| 35 | <rect x="48" y="184" width="220" height="6" fill="#111111"/> |
| 36 | <text x="60" y="212" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#3A3A3A" letter-spacing="1.5">PER MEDIUM PROMPT</text> |
| 37 | <text x="60" y="270" font-family="Impact, "Arial Black", SimHei, sans-serif" font-size="64" font-weight="900" fill="#111111" letter-spacing="-2">5 W</text> |
| 38 | <line x1="60" y1="282" x2="256" y2="282" stroke="#111111" stroke-width="0.5"/> |
| 39 | <text x="60" y="297" font-family=""Arial Black", SimHei, sans-serif" font-size="11" font-weight="900" fill="#111111" letter-spacing="1.2">CLAUDE 4 OPUS</text> |
| 40 | </g> |
| 41 | |
| 42 | <g id="kpi-deepseek"> |
| 43 | <rect x="1012" y="184" width="220" height="124" fill="#FFFFFF" stroke="#111111" stroke-width="1.5"/> |
| 44 | <rect x="1012" y="184" width="220" height="6" fill="#C8102E"/> |
| 45 | <text x="1024" y="212" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#3A3A3A" letter-spacing="1.5">PER MEDIUM PROMPT</text> |
| 46 | <text x="1024" y="270" font-family="Impact, "Arial Black", SimHei, sans-serif" font-size="64" font-weight="900" fill="#C8102E" letter-spacing="-2">23 W</text> |
| 47 | <line x1="1024" y1="282" x2="1220" y2="282" stroke="#111111" stroke-width="0.5"/> |
| 48 | <text x="1024" y="297" font-family=""Arial Black", SimHei, sans-serif" font-size="11" font-weight="900" fill="#111111" letter-spacing="1.2">DEEPSEEK V3</text> |
| 49 | </g> |
| 50 | |
| 51 | <g id="kpi-carbon"> |
| 52 | <rect x="1012" y="324" width="220" height="104" fill="#FFFFFF" stroke="#111111" stroke-width="1.5"/> |
| 53 | <text x="1024" y="346" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#3A3A3A" letter-spacing="1.5">CARBON EMISSIONS RATIO</text> |
| 54 | <text x="1024" y="394" font-family="Impact, "Arial Black", SimHei, sans-serif" font-size="48" font-weight="900" fill="#111111" letter-spacing="-1">10×</text> |
| 55 | <text x="1024" y="416" font-family=""Times New Roman", SimSun, serif" font-size="11" font-style="italic" fill="#111111">least-vs-most efficient inference</text> |
| 56 | </g> |
| 57 | |
| 58 | <g id="kpi-decline"> |
| 59 | <rect x="1012" y="444" width="220" height="104" fill="#FFFFFF" stroke="#111111" stroke-width="1.5"/> |
| 60 | <text x="1024" y="466" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#3A3A3A" letter-spacing="1.5">COST AT CONSTANT CAPABILITY</text> |
| 61 | <text x="1024" y="514" font-family="Impact, "Arial Black", SimHei, sans-serif" font-size="44" font-weight="900" fill="#C8102E" letter-spacing="-1">10× / yr</text> |
| 62 | <text x="1024" y="536" font-family=""Times New Roman", SimSun, serif" font-size="11" font-style="italic" fill="#111111">falls faster than capability climbs</text> |
| 63 | </g> |
| 64 | |
| 65 | <!-- ============ BOTTOM SCRIM + BAR CHART ============ --> |
| 66 | <g id="bg-scrim-bottom"> |
| 67 | <rect x="0" y="568" width="1280" height="120" fill="#FFFFFF" fill-opacity="0.92"/> |
| 68 | </g> |
| 69 | |
| 70 | <g id="chart-title"> |
| 71 | <text x="48" y="588" font-family=""Arial Black", SimHei, sans-serif" font-size="12" font-weight="900" fill="#111111" letter-spacing="1.5">FIG. 04 · WATTAGE SPECTRUM ACROSS THE FRONTIER CLASS · WATTS PER MEDIUM PROMPT</text> |
| 72 | </g> |
| 73 | |
| 74 | <g id="chartArea"> |
| 75 | <!-- Axis baseline at y=660; tick marks 0, 5, 10, 15, 20, 25 W; scale 36 px per W; x_min=80, x_max=980 --> |
| 76 | <line x1="80" y1="660" x2="980" y2="660" stroke="#111111" stroke-width="1.5"/> |
| 77 | <line x1="80" y1="660" x2="80" y2="666" stroke="#111111" stroke-width="1"/> |
| 78 | <line x1="260" y1="660" x2="260" y2="666" stroke="#111111" stroke-width="1"/> |
| 79 | <line x1="440" y1="660" x2="440" y2="666" stroke="#111111" stroke-width="1"/> |
| 80 | <line x1="620" y1="660" x2="620" y2="666" stroke="#111111" stroke-width="1"/> |
| 81 | <line x1="800" y1="660" x2="800" y2="666" stroke="#111111" stroke-width="1"/> |
| 82 | <line x1="980" y1="660" x2="980" y2="666" stroke="#111111" stroke-width="1"/> |
| 83 | <text x="80" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">0 W</text> |
| 84 | <text x="260" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">5</text> |
| 85 | <text x="440" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">10</text> |
| 86 | <text x="620" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">15</text> |
| 87 | <text x="800" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">20</text> |
| 88 | <text x="980" y="678" font-family="Consolas, "Courier New", monospace" font-size="9" fill="#3A3A3A" text-anchor="middle">25</text> |
| 89 | |
| 90 | <!-- chart-plot-area: 80,608,980,660 --> |
| 91 | |
| 92 | <!-- Row 1 — Claude 4 Opus 5W (bar end at x=80+5*36=260) --> |
| 93 | <rect x="80" y="612" width="180" height="14" fill="#111111"/> |
| 94 | <text x="270" y="624" font-family=""Arial Black", SimHei, sans-serif" font-size="11" font-weight="900" fill="#111111">5 W · CLAUDE 4 OPUS</text> |
| 95 | |
| 96 | <!-- Row 2 — Illustrative frontier band 8W-18W (bar at x=80+8*36=368 to x=80+18*36=728) --> |
| 97 | <rect x="368" y="632" width="360" height="10" fill="#3A3A3A" fill-opacity="0.32"/> |
| 98 | <line x1="368" y1="630" x2="368" y2="644" stroke="#3A3A3A" stroke-width="1.5"/> |
| 99 | <line x1="728" y1="630" x2="728" y2="644" stroke="#3A3A3A" stroke-width="1.5"/> |
| 100 | <text x="738" y="641" font-family=""Times New Roman", SimSun, serif" font-size="10" font-style="italic" fill="#3A3A3A">illustrative band — rest of frontier class</text> |
| 101 | |
| 102 | <!-- Row 3 — DeepSeek V3 23W (red, bar end at x=80+23*36=908) --> |
| 103 | <rect x="80" y="650" width="828" height="0" fill="none"/> |
| 104 | </g> |
| 105 | |
| 106 | <!-- Re-draw row 3 outside the row 2 to avoid baseline collision --> |
| 107 | <g id="bar-deepseek-bottom"> |
| 108 | <!-- Place DeepSeek bar above the axis baseline (in chart-area before axis) at y=648, height 8 --> |
| 109 | <rect x="80" y="646" width="828" height="10" fill="#C8102E"/> |
| 110 | <text x="918" y="655" font-family=""Arial Black", SimHei, sans-serif" font-size="11" font-weight="900" fill="#C8102E">23 W · DEEPSEEK V3</text> |
| 111 | </g> |
| 112 | |
| 113 | <!-- ============ FOOTER ============ --> |
| 114 | <g id="footer-imprint"> |
| 115 | <rect x="48" y="688" width="1184" height="2" fill="#C8102E"/> |
| 116 | <text x="48" y="708" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#111111" letter-spacing="2">SOURCE STANFORD HAI AI INDEX 2026 · TWO ANCHORS MEASURED; MIDDLE BAND ILLUSTRATIVE OF REPORTED FRONTIER RANGE</text> |
| 117 | <text x="1232" y="708" font-family="Consolas, "Courier New", monospace" font-size="9" font-weight="700" fill="#111111" text-anchor="end" letter-spacing="2">PAGE 06 / 10</text> |
| 118 | </g> |
| 119 | </svg> |
| 120 |