mermaid-go/output/sequence.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 800 600" width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>

<marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
  <polygon points="0 0, 10 3.5, 0 7" fill="#333"/>
</marker>
<marker id="arrowheadWhite" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
  <polygon points="0 0, 10 3.5, 0 7" fill="#fff"/>
</marker>
</defs>
<style>
.participant { fill: #e3f2fd; stroke: #1976d2; stroke-width: 2; }
.participantText { font-family: Arial, sans-serif; font-size: 12px; fill: #333; }
.lifeline { stroke: #ccc; stroke-width: 1; stroke-dasharray: 5,5; }
.messageArrow { stroke: #333; stroke-width: 2; }
.messageText { font-family: Arial, sans-serif; font-size: 11px; fill: #333; }
</style><rect x="206" y="40" width="120" height="40" class="participant"/><text x="266" y="65" text-anchor="middle" class="participantText">User</text><line x1="266" y1="80" x2="266" y2="550" class="lifeline"/><rect x="472" y="40" width="120" height="40" class="participant"/><text x="532" y="65" text-anchor="middle" class="participantText">System</text><line x1="532" y1="80" x2="532" y2="550" class="lifeline"/><line x1="266" y1="120" x2="532" y2="120" class="messageArrow" marker-end="url(#arrowhead)"/><text x="399" y="115" text-anchor="middle" class="messageText">Login Request</text><line x1="532" y1="170" x2="266" y2="170" class="messageArrow" marker-end="url(#arrowhead)"/><text x="399" y="165" text-anchor="middle" class="messageText">Login Response</text><line x1="266" y1="220" x2="532" y2="220" class="messageArrow" marker-end="url(#arrowhead)"/><text x="399" y="215" text-anchor="middle" class="messageText">Data Request</text><line x1="532" y1="270" x2="266" y2="270" class="messageArrow" marker-end="url(#arrowhead)"/><text x="399" y="265" text-anchor="middle" class="messageText">Data Response</text></svg>