---
source: src/diagrams/eventmodeling/renderer.rs
assertion_line: 649
expression: "crate::svg::normalize_floats(&svg)"
---
<svg id="mermaid-eventmodeling" xmlns="http://www.w3.org/2000/svg" width="100%" style="max-width: 989.196px;" viewBox="-30 -30 989.196 330" role="graphics-document"><defs><marker id="em-arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto"><polygon points="0 0, 10 3.5, 0 7" fill="#333333"/></marker></defs><g class="em-swimlane"><rect x="0" y="0" width="929.196" height="130" rx="3" fill="rgb(250,250,250)" stroke="rgb(240,240,240)"/><text font-weight="bold" x="30" y="30" font-family="Arial, sans-serif" font-size="16" fill="#333333">Command/Read Model</text></g><g class="em-swimlane"><rect x="0" y="140" width="929.196" height="130" rx="3" fill="rgb(250,250,250)" stroke="rgb(240,240,240)"/><text font-weight="bold" x="30" y="170" font-family="Arial, sans-serif" font-size="16" fill="#333333">Events</text></g><g class="em-box"><rect x="250" y="15" rx="3" width="184.828" height="100" stroke="#679ac3" fill="#bcd6fe"/><text font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" text-anchor="middle" dominant-baseline="middle" x="342.414" y="65">PlaceOrder</text></g><g class="em-box"><rect x="364.828" y="155" rx="3" width="194.001" height="100" stroke="#c19a0f" fill="#ffb778"/><text font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" text-anchor="middle" dominant-baseline="middle" x="461.828" y="205">OrderPlaced</text></g><g class="em-box"><rect x="488.829" y="15" rx="3" width="179.324" height="100" stroke="#a3b732" fill="#d3f1a2"/><text font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" text-anchor="middle" dominant-baseline="middle" x="578.491" y="65">OrderView</text></g><g class="em-box"><rect x="678.152" y="15" rx="3" width="226.044" height="100" stroke="#679ac3" fill="#bcd6fe"/><text font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" text-anchor="middle" dominant-baseline="middle" x="791.174" y="65">ProcessPayment</text></g><path class="em-relation" fill="none" stroke="#333333" stroke-width="1" marker-end="url(#em-arrowhead)" d="M373.218 115 L429.495 155"/><path class="em-relation" fill="none" stroke="#333333" stroke-width="1" marker-end="url(#em-arrowhead)" d="M494.162 155 L548.603 115"/><path class="em-relation" fill="none" stroke="#333333" stroke-width="1" marker-end="url(#em-arrowhead)" d="M494.162 155 L753.5 115"/></svg>
