Last active
January 13, 2026 20:18
-
-
Save jwilger/6bd5e55c8305268278ebd36d280dd13f to your computer and use it in GitHub Desktop.
EMC Slice 4 - Vertical Grouping with Headers
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1350 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="1350" y2="60" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="180" x2="1350" y2="180" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="300" x2="1350" y2="300" stroke="#cccccc" stroke-width="1"/><line x1="0" y1="420" x2="1350" y2="420" stroke="#cccccc" stroke-width="1"/><text x="100" y="60" font-family="sans-serif" font-size="14" text-anchor="start">Registration</text><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><line x1="875" y1="60" x2="875" y2="420" stroke="#cccccc" stroke-width="1"/><text x="900" y="60" font-family="sans-serif" font-size="14" text-anchor="start">Email Verification</text><rect x="900" y="80" width="150" height="80" fill="#ffffff" stroke="#000000" stroke-width="2"/><text x="975" y="125" font-family="sans-serif" font-size="16" text-anchor="middle">VerificationPage</text><rect x="900" y="200" width="150" height="80" fill="#3b82f6" stroke="#000000" stroke-width="2"/><text x="975" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">VerifyEmail</text><rect x="1100" y="200" width="150" height="80" fill="#22c55e" stroke="#000000" stroke-width="2"/><text x="1175" y="245" font-family="sans-serif" font-size="16" text-anchor="middle">VerificationTokens</text><rect x="900" y="320" width="150" height="80" fill="#a855f7" stroke="#000000" stroke-width="2"/><text x="975" y="365" font-family="sans-serif" font-size="16" text-anchor="middle">EmailVerified</text></svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment