Files
progcode/web/public/assets/editorial/2024/capacity-cost-2024-scenario-matrix.svg
T
huncode 1b5ff34e2b
Build and deploy / deploy (push) Successful in 17s
revise October 2024 capacity cost articles
2026-07-31 16:43:48 +03:00

42 lines
4.0 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="620" viewBox="0 0 1000 620" role="img" aria-labelledby="title desc">
<title id="title">Причинная схема: загрузка не равна цене</title>
<desc id="desc">Схема разделяет наблюдаемую загрузку, выделенный ресурс, billing unit, quota и limit. Saturation влияет на риск и latency, а стоимость модели получается только после применения фиксированных единиц и правил.</desc>
<rect width="1000" height="620" rx="28" fill="#0c1524"/>
<text x="56" y="66" fill="#f5f8ff" font-family="Arial, sans-serif" font-size="34" font-weight="700">Почему процент загрузки не равен цене</text>
<text x="56" y="104" fill="#aebed7" font-family="Arial, sans-serif" font-size="23">Стрелка означает связь в synthetic модели, а не инвойс или production advice</text>
<g font-family="Arial, sans-serif" font-size="23">
<rect x="58" y="160" width="210" height="110" rx="16" fill="#163052" stroke="#4f9dff" stroke-width="3"/>
<text x="82" y="204" fill="#8cc5ff" font-weight="700">Observed usage</text>
<text x="82" y="242" fill="#d6e4f8">CPU 58%, memory 61%</text>
<rect x="58" y="334" width="210" height="110" rx="16" fill="#4c263a" stroke="#ec8bad" stroke-width="3"/>
<text x="82" y="378" fill="#ffb2cc" font-weight="700">Saturation</text>
<text x="82" y="416" fill="#ffe0ea">queue, p95, retry risk</text>
<rect x="386" y="160" width="228" height="110" rx="16" fill="#153b3b" stroke="#69d3b1" stroke-width="3"/>
<text x="410" y="204" fill="#8de0c6" font-weight="700">Allocated resource</text>
<text x="410" y="242" fill="#d6f4ea">request, limit, quota</text>
<rect x="386" y="334" width="228" height="110" rx="16" fill="#4a3620" stroke="#f5c365" stroke-width="3"/>
<text x="410" y="378" fill="#ffd58a" font-weight="700">Billing expression</text>
<text x="410" y="416" fill="#fff0ce">unit, tier, fixed base</text>
<rect x="732" y="246" width="212" height="116" rx="16" fill="#3a2754" stroke="#ad8cf5" stroke-width="3"/>
<text x="756" y="290" fill="#cfbcff" font-weight="700">Model cost</text>
<text x="756" y="328" fill="#eee8ff">fixed + variable</text>
<path d="M270 215 H378" fill="none" stroke="#69d3b1" stroke-width="6" stroke-linecap="round"/>
<path d="M370 203 L394 215 L370 227" fill="none" stroke="#69d3b1" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M614 215 H676 Q700 215 700 260 H724" fill="none" stroke="#ad8cf5" stroke-width="6" stroke-linecap="round"/>
<path d="M716 248 L740 260 L716 272" fill="none" stroke="#ad8cf5" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M270 389 H360 Q378 389 378 334" fill="none" stroke="#ec8bad" stroke-width="6" stroke-linecap="round"/>
<path d="M366 346 L378 322 L390 346" fill="none" stroke="#ec8bad" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M614 389 H676 Q700 389 700 348 H724" fill="none" stroke="#f5c365" stroke-width="6" stroke-linecap="round"/>
<path d="M716 336 L740 348 L716 360" fill="none" stroke="#f5c365" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<text x="293" y="196" fill="#9bc9bb" font-size="18">usage may fit</text>
<text x="624" y="196" fill="#c7b5f4" font-size="18">allocation is an input</text>
<text x="286" y="426" fill="#f2b3c8" font-size="18">does not set a price</text>
<text x="630" y="426" fill="#f9d88f" font-size="18">applies units and tiers</text>
</g>
<rect x="58" y="500" width="886" height="68" rx="14" fill="#101f34" stroke="#31547e" stroke-width="2"/>
<text x="82" y="543" fill="#dbe8fb" font-family="Arial, sans-serif" font-size="22">Quota/limit — границы формы; saturation — stop; цена требует отдельной formula.</text>
</svg>