Files
progcode/web/public/assets/editorial/2020/metrics-diagnosis-2020.svg
T
huncode 8e16858f16
Build and deploy / deploy (push) Successful in 13s
revise August 2020 metrics articles
2026-07-31 11:44:13 +03:00

63 lines
5.7 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="720" height="1380" viewBox="0 0 720 1380" role="img" aria-labelledby="title desc">
<title id="title">Учебный разбор порога по counter</title>
<desc id="desc">Вертикальная схема показывает: общий график не является диагнозом. Для одной series checkout error берут три синтетические точки counter ноль, один и два, проверяют прирост за десять минут против учебного порога две и затем открывают один связанный журнал.</desc>
<defs>
<linearGradient id="background" x1="0" x2="0" y1="0" y2="1">
<stop offset="0" stop-color="#fff9ee"/>
<stop offset="1" stop-color="#f1f6ff"/>
</linearGradient>
<marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
<path d="M0 0 L12 6 L0 12 Z" fill="#4f66a6"/>
</marker>
</defs>
<rect width="720" height="1380" rx="32" fill="url(#background)"/>
<text x="48" y="70" fill="#283a6d" font-family="Arial, sans-serif" font-size="34" font-weight="700">Разбор учебного counter</text>
<text x="48" y="108" fill="#62708e" font-family="Arial, sans-serif" font-size="22">Сигнал сужает вопрос · не называет причину</text>
<rect x="48" y="148" width="624" height="152" rx="22" fill="#ffffff" stroke="#8ba1d0" stroke-width="3"/>
<text x="80" y="194" fill="#4f66a6" font-family="Arial, sans-serif" font-size="21" font-weight="700">1 · ВЫБРАТЬ SERIES</text>
<text x="80" y="234" fill="#283a6d" font-family="Arial, sans-serif" font-size="27" font-weight="700">checkout + error</text>
<text x="80" y="268" fill="#50627d" font-family="Arial, sans-serif" font-size="21">не общий requests_total</text>
<path d="M360 310v48" stroke="#4f66a6" stroke-width="6" stroke-linecap="round" marker-end="url(#arrow)"/>
<rect x="48" y="378" width="624" height="362" rx="22" fill="#ffffff" stroke="#8ba1d0" stroke-width="3"/>
<text x="80" y="424" fill="#4f66a6" font-family="Arial, sans-serif" font-size="21" font-weight="700">2 · СЫРЫЕ SNAPSHOTS</text>
<text x="80" y="458" fill="#50627d" font-family="Arial, sans-serif" font-size="21">синтетические точки, не production-метрика</text>
<line x1="144" y1="676" x2="594" y2="676" stroke="#9aa8bf" stroke-width="3"/>
<line x1="144" y1="504" x2="144" y2="676" stroke="#9aa8bf" stroke-width="3"/>
<line x1="142" y1="590" x2="594" y2="590" stroke="#d8dee8" stroke-width="2" stroke-dasharray="8 8"/>
<text x="112" y="682" fill="#66758d" font-family="Arial, sans-serif" font-size="20">0</text>
<text x="112" y="596" fill="#66758d" font-family="Arial, sans-serif" font-size="20">1</text>
<text x="112" y="516" fill="#66758d" font-family="Arial, sans-serif" font-size="20">2</text>
<rect x="202" y="676" width="74" height="0" rx="8" fill="#79a9e6"/>
<rect x="340" y="590" width="74" height="86" rx="8" fill="#79a9e6"/>
<rect x="478" y="504" width="74" height="172" rx="8" fill="#3a75bf"/>
<text x="239" y="716" text-anchor="middle" fill="#50627d" font-family="Arial, sans-serif" font-size="20">10:00</text>
<text x="377" y="716" text-anchor="middle" fill="#50627d" font-family="Arial, sans-serif" font-size="20">10:05</text>
<text x="515" y="716" text-anchor="middle" fill="#50627d" font-family="Arial, sans-serif" font-size="20">10:10</text>
<text x="239" y="660" text-anchor="middle" fill="#50627d" font-family="Arial, sans-serif" font-size="22" font-weight="700">0</text>
<text x="377" y="574" text-anchor="middle" fill="#50627d" font-family="Arial, sans-serif" font-size="22" font-weight="700">1</text>
<text x="515" y="488" text-anchor="middle" fill="#283a6d" font-family="Arial, sans-serif" font-size="22" font-weight="700">2</text>
<path d="M360 752v48" stroke="#4f66a6" stroke-width="6" stroke-linecap="round" marker-end="url(#arrow)"/>
<rect x="48" y="820" width="624" height="176" rx="22" fill="#edf1ff" stroke="#6f82c2" stroke-width="3"/>
<text x="80" y="866" fill="#4f66a6" font-family="Arial, sans-serif" font-size="21" font-weight="700">3 · ПРОВЕРИТЬ ОКНО</text>
<text x="80" y="908" fill="#283a6d" font-family="Arial, sans-serif" font-size="27" font-weight="700">increase(...[10m]) = 2</text>
<text x="80" y="944" fill="#50627d" font-family="Arial, sans-serif" font-size="21">fixture считает прозрачную разность</text>
<text x="80" y="972" fill="#4f66a6" font-family="Arial, sans-serif" font-size="20" font-weight="700">не моделирует scrape и reset</text>
<path d="M360 1008v48" stroke="#4f66a6" stroke-width="6" stroke-linecap="round" marker-end="url(#arrow)"/>
<rect x="48" y="1076" width="624" height="160" rx="22" fill="#fff1da" stroke="#d99b37" stroke-width="3"/>
<text x="80" y="1122" fill="#9b6416" font-family="Arial, sans-serif" font-size="21" font-weight="700">4 · УЧЕБНЫЙ ПОРОГ</text>
<text x="80" y="1164" fill="#5c421c" font-family="Arial, sans-serif" font-size="29" font-weight="700">2 &gt;= 2 → пересечён</text>
<text x="80" y="1200" fill="#5c421c" font-family="Arial, sans-serif" font-size="21">это не alert severity и не SLO</text>
<path d="M360 1248v42" stroke="#d99b37" stroke-width="6" stroke-linecap="round" marker-end="url(#arrow)"/>
<rect x="48" y="1310" width="624" height="42" rx="16" fill="#283a6d"/>
<text x="360" y="1339" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="20" font-weight="700">Дальше: один связанный журнал или стендовый сценарий</text>
</svg>