Actual Kroki SVG and recorded empty mismatch response
HTML for this example
Select the code and use your copy shortcut. Changes in this preview are temporary.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Kroki recorded diagram response</title><style>*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#283442;font:17px/1.6 system-ui,sans-serif}main{max-width:840px;margin:auto;padding:28px}h1,h2{line-height:1.2}article{background:white;border:1px solid #a7adb3;padding:22px;margin:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eceae4;padding:16px;font:15px/1.6 ui-monospace,monospace}svg{max-width:100%;height:auto;display:block;margin:auto}@media(max-width:450px){main{padding:18px}article{padding:15px}}</style></head><body><main><p>Original fictional diagram · actual public Kroki response. This prepared page sends no rendering request when opened.</p><h1>Writer and reviewer exchange</h1><article id="native"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" data-diagram-type="SEQUENCE" style="width:197px;height:159px;background:#FFFFFF;" width="197px" height="159px" viewBox="0 0 197 159" zoomAndPan="magnify" preserveAspectRatio="none" contentStyleType="text/css"><?plantuml 1.2026.8?><defs/><g font-family="sans-serif" lengthAdjust="spacing"><g><title>Writer</title><rect x="35.173" y="41.297" width="8" height="76.266" fill="#000" fill-opacity="0"/><line x1="38.673" y1="41.297" x2="38.673" y2="117.563" style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5,5;"/></g><g><title>Reviewer</title><rect x="143.318" y="41.297" width="8" height="76.266" fill="#000" fill-opacity="0"/><line x1="146.818" y1="41.297" x2="146.818" y2="117.563" style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5,5;"/></g><rect x="10" y="10" width="57.347" height="30.297" fill="#E2E2F0" style="stroke:#181818;stroke-width:0.5;" rx="2.5" ry="2.5"/><text x="17" y="29.995" fill="#000" font-size="14" textLength="43.347">Writer</text><rect x="107.344" y="10" width="78.948" height="30.297" fill="#E2E2F0" style="stroke:#181818;stroke-width:0.5;" rx="2.5" ry="2.5"/><text x="114.344" y="29.995" fill="#000" font-size="14" textLength="64.948">Reviewer</text><rect x="10" y="117.563" width="57.347" height="30.297" fill="#E2E2F0" style="stroke:#181818;stroke-width:0.5;" rx="2.5" ry="2.5"/><text x="17" y="137.558" fill="#000" font-size="14" textLength="43.347">Writer</text><rect x="107.344" y="117.563" width="78.948" height="30.297" fill="#E2E2F0" style="stroke:#181818;stroke-width:0.5;" rx="2.5" ry="2.5"/><text x="114.344" y="137.558" fill="#000" font-size="14" textLength="64.948">Reviewer</text><polygon points="134.818,66.43,144.818,70.43,134.818,74.43,138.818,70.43" fill="#181818" style="stroke:#181818;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:10;"/><line x1="38.673" y1="70.43" x2="140.818" y2="70.43" style="stroke:#181818;stroke-width:1;"/><text x="45.673" y="65.364" fill="#000" font-size="13" textLength="68.11">Send draft</text><polygon points="49.673,95.563,39.673,99.563,49.673,103.563,45.673,99.563" fill="#181818" style="stroke:#181818;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:10;"/><line x1="43.673" y1="99.563" x2="145.818" y2="99.563" style="stroke:#181818;stroke-width:1;stroke-dasharray:2,2;"/><text x="55.673" y="94.497" fill="#000" font-size="13" textLength="84.145">Return notes</text><?plantuml-src AqWiAibCpYn8p2jH22_AB4ajuYf04WfABSjCBGSAGkGKTEtWGbOAmQbvAGefHObf9LmmGGLTe0g8MYkWofBIeZo5lFoIr680?></g></svg></article><p>Writer sends “Send draft” to Reviewer. Reviewer returns “Return notes” to Writer.</p><h2>Maintained diagram source</h2><pre>@startuml
participant Writer
participant Reviewer
Writer -> Reviewer: Send draft
Reviewer --> Writer: Return notes
@enduml
</pre><h2>Recorded request comparison</h2><p>Graphviz route: 200. PlantUML route: 200; image/svg+xml.</p><pre id="diagnostic">(Empty response body: 0 bytes)</pre><p>Diagnostic recorded from the mismatched request. No live submission, approval or returned human notes are implied.</p></main></body></html>