60 lines
5.1 KiB
XML
60 lines
5.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="1320" viewBox="0 0 720 1320" role="img" aria-labelledby="title desc">
|
|
<title id="title">Контракт учебного сигнала для HTTP-операции</title>
|
|
<desc id="desc">Вертикальная схема: один операционный вопрос про ошибки checkout ведёт к counter с ограниченными labels operation и outcome, затем к учебному окну десять минут, порогу две ошибки и следующей диагностической проверке.</desc>
|
|
<defs>
|
|
<linearGradient id="background" x1="0" x2="0" y1="0" y2="1">
|
|
<stop offset="0" stop-color="#f4f8ff"/>
|
|
<stop offset="1" stop-color="#edf8f1"/>
|
|
</linearGradient>
|
|
<marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
|
|
<path d="M0 0 L12 6 L0 12 Z" fill="#245c97"/>
|
|
</marker>
|
|
</defs>
|
|
<rect width="720" height="1320" rx="32" fill="url(#background)"/>
|
|
<text x="48" y="68" fill="#183c60" font-family="Arial, sans-serif" font-size="34" font-weight="700">Метрика начинается с вопроса</text>
|
|
<text x="48" y="106" fill="#506b84" font-family="Arial, sans-serif" font-size="22">Учебный контракт · не production-график</text>
|
|
|
|
<rect x="48" y="146" width="624" height="170" rx="22" fill="#ffffff" stroke="#7ea6ca" stroke-width="3"/>
|
|
<circle cx="92" cy="200" r="24" fill="#2f77b6"/>
|
|
<text x="84" y="208" fill="#ffffff" font-family="Arial, sans-serif" font-size="22" font-weight="700">1</text>
|
|
<text x="132" y="198" fill="#245c97" font-family="Arial, sans-serif" font-size="21" font-weight="700">ОПЕРАЦИОННЫЙ ВОПРОС</text>
|
|
<text x="132" y="240" fill="#183c60" font-family="Arial, sans-serif" font-size="29" font-weight="700">Ошибки checkout</text>
|
|
<text x="132" y="276" fill="#425f76" font-family="Arial, sans-serif" font-size="22">за контролируемые 10 минут?</text>
|
|
|
|
<line x1="360" y1="332" x2="360" y2="386" stroke="#245c97" stroke-width="5" marker-end="url(#arrow)"/>
|
|
|
|
<rect x="48" y="406" width="624" height="202" rx="22" fill="#e7f1fc" stroke="#2f77b6" stroke-width="3"/>
|
|
<circle cx="92" cy="460" r="24" fill="#2f77b6"/>
|
|
<text x="84" y="468" fill="#ffffff" font-family="Arial, sans-serif" font-size="22" font-weight="700">2</text>
|
|
<text x="132" y="458" fill="#245c97" font-family="Arial, sans-serif" font-size="21" font-weight="700">SIGNAL</text>
|
|
<text x="132" y="500" fill="#183c60" font-family="Arial, sans-serif" font-size="28" font-weight="700">requests_total</text>
|
|
<text x="132" y="536" fill="#425f76" font-family="Arial, sans-serif" font-size="22">counter завершённых запросов</text>
|
|
<rect x="132" y="556" width="374" height="34" rx="11" fill="#ffffff"/>
|
|
<text x="151" y="580" fill="#245c97" font-family="Arial, sans-serif" font-size="20" font-weight="700">одна величина · не диагноз</text>
|
|
|
|
<line x1="360" y1="624" x2="360" y2="678" stroke="#245c97" stroke-width="5" marker-end="url(#arrow)"/>
|
|
|
|
<rect x="48" y="698" width="624" height="206" rx="22" fill="#ffffff" stroke="#5ca77f" stroke-width="3"/>
|
|
<circle cx="92" cy="752" r="24" fill="#3a8b60"/>
|
|
<text x="84" y="760" fill="#ffffff" font-family="Arial, sans-serif" font-size="22" font-weight="700">3</text>
|
|
<text x="132" y="750" fill="#287047" font-family="Arial, sans-serif" font-size="21" font-weight="700">BOUNDED LABELS</text>
|
|
<text x="132" y="790" fill="#183c60" font-family="Arial, sans-serif" font-size="27" font-weight="700">operation + outcome</text>
|
|
<text x="132" y="826" fill="#425f76" font-family="Arial, sans-serif" font-size="22">catalog · checkout · profile</text>
|
|
<text x="132" y="860" fill="#425f76" font-family="Arial, sans-serif" font-size="22">success · error</text>
|
|
<text x="132" y="888" fill="#287047" font-family="Arial, sans-serif" font-size="20" font-weight="700">без user ID и request ID</text>
|
|
|
|
<line x1="360" y1="920" x2="360" y2="974" stroke="#3a8b60" stroke-width="5" marker-end="url(#arrow)"/>
|
|
|
|
<rect x="48" y="994" width="624" height="164" rx="22" fill="#fff4df" stroke="#d58d1e" stroke-width="3"/>
|
|
<circle cx="92" cy="1048" r="24" fill="#d58d1e"/>
|
|
<text x="84" y="1056" fill="#ffffff" font-family="Arial, sans-serif" font-size="22" font-weight="700">4</text>
|
|
<text x="132" y="1046" fill="#9a5910" font-family="Arial, sans-serif" font-size="21" font-weight="700">УЧЕБНОЕ УСЛОВИЕ</text>
|
|
<text x="132" y="1088" fill="#5e3b12" font-family="Arial, sans-serif" font-size="29" font-weight="700">increase(...[10m])</text>
|
|
<text x="132" y="1122" fill="#5e3b12" font-family="Arial, sans-serif" font-size="25" font-weight="700">>= 2 ошибки</text>
|
|
|
|
<line x1="360" y1="1174" x2="360" y2="1224" stroke="#d58d1e" stroke-width="5" marker-end="url(#arrow)"/>
|
|
|
|
<rect x="48" y="1244" width="624" height="48" rx="18" fill="#183c60"/>
|
|
<text x="360" y="1276" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="21" font-weight="700">Пересекли порог → открыть один связанный журнал</text>
|
|
</svg>
|