81 lines
4.7 KiB
XML
81 lines
4.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 350">
|
|
<defs>
|
|
<marker id="arrRight" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
|
<polygon points="0 0, 10 3.5, 0 7" fill="#e94560"/>
|
|
</marker>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="700" height="350" fill="#1a1a2e"/>
|
|
|
|
<!-- Title -->
|
|
<text x="350" y="30" text-anchor="middle" fill="#e94560" font-family="system-ui" font-size="16" font-weight="bold">Domain Mapping: Monitoring to Payments</text>
|
|
|
|
<!-- Left column header -->
|
|
<g transform="translate(50, 55)">
|
|
<rect width="250" height="35" rx="6" fill="#16213e" stroke="#e94560" stroke-width="2"/>
|
|
<text x="125" y="23" text-anchor="middle" fill="#e94560" font-family="system-ui" font-size="13" font-weight="bold">System Monitoring</text>
|
|
</g>
|
|
|
|
<!-- Right column header -->
|
|
<g transform="translate(400, 55)">
|
|
<rect width="250" height="35" rx="6" fill="#16213e" stroke="#4ade80" stroke-width="2"/>
|
|
<text x="125" y="23" text-anchor="middle" fill="#4ade80" font-family="system-ui" font-size="13" font-weight="bold">Payment Processing</text>
|
|
</g>
|
|
|
|
<!-- Row 1 -->
|
|
<g transform="translate(50, 105)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Machine</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">workstation, laptop, server</text>
|
|
</g>
|
|
<line x1="305" y1="125" x2="395" y2="125" stroke="#e94560" stroke-width="2" marker-end="url(#arrRight)"/>
|
|
<g transform="translate(400, 105)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Payment Processor</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">Stripe, PayPal, bank API</text>
|
|
</g>
|
|
|
|
<!-- Row 2 -->
|
|
<g transform="translate(50, 155)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Metrics Stream</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">CPU, memory, disk usage</text>
|
|
</g>
|
|
<line x1="305" y1="175" x2="395" y2="175" stroke="#e94560" stroke-width="2" marker-end="url(#arrRight)"/>
|
|
<g transform="translate(400, 155)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Transaction Stream</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">payments, refunds, disputes</text>
|
|
</g>
|
|
|
|
<!-- Row 3 -->
|
|
<g transform="translate(50, 205)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Alert Thresholds</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">CPU > 80%, disk > 90%</text>
|
|
</g>
|
|
<line x1="305" y1="225" x2="395" y2="225" stroke="#e94560" stroke-width="2" marker-end="url(#arrRight)"/>
|
|
<g transform="translate(400, 205)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Fraud Detection</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">amount > $10k, velocity checks</text>
|
|
</g>
|
|
|
|
<!-- Row 4 -->
|
|
<g transform="translate(50, 255)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Aggregator</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">normalize, store, publish</text>
|
|
</g>
|
|
<line x1="305" y1="275" x2="395" y2="275" stroke="#e94560" stroke-width="2" marker-end="url(#arrRight)"/>
|
|
<g transform="translate(400, 255)">
|
|
<rect width="250" height="40" rx="4" fill="#0f3460"/>
|
|
<text x="125" y="17" text-anchor="middle" fill="#eee" font-family="system-ui" font-size="11" font-weight="bold">Payment Hub</text>
|
|
<text x="125" y="32" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="9">normalize, ledger, audit</text>
|
|
</g>
|
|
|
|
<!-- Footer note -->
|
|
<text x="350" y="330" text-anchor="middle" fill="#a0a0a0" font-family="system-ui" font-size="11" font-style="italic">Same architecture, different domain vocabulary</text>
|
|
</svg>
|