EMC Slice 3 Example Output

example.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 950 450"><text x="60" y="40" font-family="sans-serif" font-size="24" text-anchor="start">User Registration</text><g transform="translate(30, 120) rotate(-90)"><text x="0" y="-7" text-anchor="middle" font-family="sans-serif" font-size="10">UI,</text><text x="0" y="7" text-anchor="middle" font-family="sans-serif" font-size="10">Automations</text></g><g transform="translate(30, 240) rotate(-90)"><text x="0" y="-14" text-anchor="middle" font-family="sans-serif" font-size="10">Commands,</text><text x="0" y="0" text-anchor="middle" font-family="sans-serif" font-size="10">Projections,</text><text x="0" y="14" text-anchor="middle" font-family="sans-serif" font-size="10">Queries</text></g><g transform="translate(30, 360) rotate(-90)"><text x="0" y="0" text-anchor="middle" font-family="sans-serif" font-size="10">Events</text></g><line x1="0" y1="60" x2="950" y2="60" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="180" x2="950" y2="180" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="300" x2="950" y2="300" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="420" x2="950" y2="420" stroke="#cccccc" stroke-width="1"/><rect x="100" y="80" width="150" height="80" fill="#ffffff" stroke="#000000" stroke-width="2"/><text x="175" y="125" font-family="sans-serif" font-size="16" text-anchor="middle">RegistrationForm</text><g class="robot" transform="translate(300, 80)"><g transform="translate(75, 8) scale(0.65) translate(-75, 0)"><rect x="55" y="2" width="40" height="25" rx="5" fill="#ffffff" stroke="#000000" stroke-width="2"/><line x1="65" y1="2" x2="60" y2="-5" stroke="#000000" stroke-width="2"/><circle cx="60" cy="-7" r="3" fill="#ffffff" stroke="#000000" stroke-width="1"/><line x1="85" y1="2" x2="90" y2="-5" stroke="#000000" stroke-width="2"/><circle cx="90" cy="-7" r="3" fill="#ffffff" stroke="#000000" stroke-width="1"/><circle cx="67" cy="12" r="4" fill="#000000" stroke="#000000" stroke-width="1"/><circle cx="83" cy="12" r="4" fill="#000000" stroke="#000000" stroke-width="1"/><rect x="50" y="30" width="50" height="35" rx="3" fill="#ffffff" stroke="#000000" stroke-width="2"/><line x1="50" y1="35" x2="35" y2="42" stroke="#000000" stroke-width="3"/><line x1="35" y1="42" x2="22" y2="54" stroke="#000000" stroke-width="3"/><rect x="17" y="51" width="10" height="5" rx="1" fill="#ffffff" stroke="#000000" stroke-width="1"/><line x1="100" y1="35" x2="115" y2="42" stroke="#000000" stroke-width="3"/><line x1="115" y1="42" x2="128" y2="54" stroke="#000000" stroke-width="3"/><circle cx="130" cy="56" r="5" fill="#ffffff" stroke="#000000" stroke-width="1"/><circle cx="130" cy="56" r="2" fill="#000000" stroke="#000000" stroke-width="1"/><line x1="60" y1="65" x2="55" y2="78" stroke="#000000" stroke-width="3"/><line x1="90" y1="65" x2="95" y2="78" stroke="#000000" stroke-width="3"/></g></g><text x="375" y="152" font-family="sans-serif" font-size="12" text-anchor="middle">ValidateEmail</text><rect x="100" y="200" width="150" height="80" fill="#3b82f6" stroke="#000000" stroke-width="2"/><text x="175" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">ValidateInput</text><rect x="300" y="200" width="150" height="80" fill="#3b82f6" stroke="#000000" stroke-width="2"/><text x="375" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">RegisterUser</text><rect x="500" y="200" width="150" height="80" fill="#22c55e" stroke="#000000" stroke-width="2"/><text x="575" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">UserDirectory</text><rect x="700" y="200" width="150" height="80" fill="#eab308" stroke="#000000" stroke-width="2"/><text x="775" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">CheckDuplicate</text><rect x="100" y="320" width="150" height="80" fill="#a855f7" stroke="#000000" stroke-width="2"/><text x="175" y="365" font-family="sans-serif" font-size="16" text-anchor="middle">UserRegistered</text></svg>