25 lines
3.1 KiB
XML
25 lines
3.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 500" role="img" aria-labelledby="title desc">
|
|
<title id="title">Маршрут диагностики web-запроса</title>
|
|
<desc id="desc">Схема ведёт от внешнего симптома через конверт запроса и различающий сигнал к проверяемому действию. Отдельная ветка показывает разрыв цепочки.</desc>
|
|
<rect width="720" height="500" fill="#f8fafc"/>
|
|
<style>text{font-family:Arial,sans-serif;fill:#172554}.head{font-size:25px;font-weight:700}.label{font-size:16px;font-weight:700}.small{font-size:13px}.box{fill:#dbeafe;stroke:#2563eb;stroke-width:2}.ok{fill:#dcfce7;stroke:#15803d;stroke-width:2}.stop{fill:#fef2f2;stroke:#dc2626;stroke-width:2}.line{stroke:#2563eb;stroke-width:5}</style>
|
|
<text x="38" y="48" class="head">Web-диагностика: от симптома к проверке</text>
|
|
<text x="38" y="76" class="small">Один запрос · один различающий сигнал · одно действие</text>
|
|
<line x1="78" y1="172" x2="642" y2="172" class="line"/>
|
|
<g>
|
|
<circle cx="86" cy="172" r="23" fill="#1d4ed8"/><text x="86" y="178" text-anchor="middle" fill="#fff" font-size="16">1</text>
|
|
<text x="86" y="220" text-anchor="middle" class="label">Симптом</text><text x="86" y="242" text-anchor="middle" class="small">502, 403, пустой DOM</text>
|
|
<circle cx="274" cy="172" r="23" fill="#1d4ed8"/><text x="274" y="178" text-anchor="middle" fill="#fff" font-size="16">2</text>
|
|
<text x="274" y="220" text-anchor="middle" class="label">Конверт</text><text x="274" y="242" text-anchor="middle" class="small">route · time · request-id</text>
|
|
<circle cx="462" cy="172" r="23" fill="#1d4ed8"/><text x="462" y="178" text-anchor="middle" fill="#fff" font-size="16">3</text>
|
|
<text x="462" y="220" text-anchor="middle" class="label">Сигнал</text><text x="462" y="242" text-anchor="middle" class="small">разделяет причины</text>
|
|
<circle cx="650" cy="172" r="23" fill="#15803d"/><text x="650" y="178" text-anchor="middle" fill="#fff" font-size="16">4</text>
|
|
<text x="650" y="220" text-anchor="middle" class="label">Действие</text><text x="650" y="242" text-anchor="middle" class="small">лог, trace или DOM</text>
|
|
</g>
|
|
<path d="M274 198v68H116" fill="none" stroke="#dc2626" stroke-width="3"/>
|
|
<rect x="38" y="284" width="230" height="80" rx="10" class="stop"/>
|
|
<text x="55" y="316" class="label" fill="#991b1b">СТОП: нет ключа связи</text><text x="55" y="338" class="small" fill="#991b1b">не соединять события</text><text x="55" y="355" class="small" fill="#991b1b">только по времени</text>
|
|
<rect x="306" y="302" width="350" height="72" rx="10" class="ok"/>
|
|
<text x="481" y="331" text-anchor="middle" class="label" fill="#14532d">Вывод ограничен наблюдением</text><text x="481" y="353" text-anchor="middle" class="small" fill="#14532d">сначала найти слой, потом менять код</text>
|
|
</svg>
|