<div class="chartlet-wrapper"><style>.chartlet-stage{position:relative;display:inline-block;max-width:100%;vertical-align:top}.chartlet-stage>svg{display:block}.chartlet-hotspot{position:absolute;border-radius:8px;cursor:pointer}.chartlet-focus{margin:0 0 12px 0;font-size:13px}.chartlet-focus summary{cursor:pointer;min-height:24px}.chartlet-focus fieldset{border:none;padding:0;margin:4px 0 0 0}.chartlet-focus label{display:inline-flex;align-items:center;min-height:44px;margin-right:14px;cursor:pointer;white-space:nowrap}.chartlet-focus input{margin-right:4px}.chartlet-focus input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.chartlet-wrapper:has(.chartlet-focus-node:checked) #chartlet-2d8256919eba870e .chartlet-f{opacity:.18}#chartlet-2d8256919eba870e-hs-1{left:11.875%;top:36.453%;width:8.125%;height:6.897%}#chartlet-2d8256919eba870e-hs-2{left:7.812%;top:58.128%;width:8.125%;height:4.926%}#chartlet-2d8256919eba870e-hs-0{left:72.5%;top:10.837%;width:8.125%;height:7.882%}#chartlet-2d8256919eba870e-hs-3{left:73.75%;top:56.65%;width:8.125%;height:7.882%}#chartlet-2d8256919eba870e-hs-4{left:84.062%;top:58.128%;width:8.125%;height:4.926%}#chartlet-2d8256919eba870e-hs-5{left:84.062%;top:75.369%;width:8.125%;height:4.926%}#chartlet-2d8256919eba870e-hs-6{left:80.312%;top:36.453%;width:8.125%;height:6.897%}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-1:checked) #chartlet-2d8256919eba870e .chartlet-f-1{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-1:checked) #chartlet-2d8256919eba870e .chartlet-n-1 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-1:checked) #chartlet-2d8256919eba870e .chartlet-n-1 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-2:checked) #chartlet-2d8256919eba870e .chartlet-f-2{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-2:checked) #chartlet-2d8256919eba870e .chartlet-n-2 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-2:checked) #chartlet-2d8256919eba870e .chartlet-n-2 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-0:checked) #chartlet-2d8256919eba870e .chartlet-f-0{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-0:checked) #chartlet-2d8256919eba870e .chartlet-n-0 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-0:checked) #chartlet-2d8256919eba870e .chartlet-n-0 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-3:checked) #chartlet-2d8256919eba870e .chartlet-f-3{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-3:checked) #chartlet-2d8256919eba870e .chartlet-n-3 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-3:checked) #chartlet-2d8256919eba870e .chartlet-n-3 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-4:checked) #chartlet-2d8256919eba870e .chartlet-f-4{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-4:checked) #chartlet-2d8256919eba870e .chartlet-n-4 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-4:checked) #chartlet-2d8256919eba870e .chartlet-n-4 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-5:checked) #chartlet-2d8256919eba870e .chartlet-f-5{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-5:checked) #chartlet-2d8256919eba870e .chartlet-n-5 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-5:checked) #chartlet-2d8256919eba870e .chartlet-n-5 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-6:checked) #chartlet-2d8256919eba870e .chartlet-f-6{opacity:1}.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-6:checked) #chartlet-2d8256919eba870e .chartlet-n-6 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-2d8256919eba870e-focus-6:checked) #chartlet-2d8256919eba870e .chartlet-n-6 .chartlet-seq-box{stroke-width:3}</style><details class="chartlet-focus"><summary>Focus</summary><fieldset><label><input type="radio" name="chartlet-2d8256919eba870e-focus" checked> Show all</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-1"> Orders</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-2"> Legacy ERP</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-0"> Web shop</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-3"> Orders DB</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-4"> Event bus</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-5"> Billing</label><label><input type="radio" name="chartlet-2d8256919eba870e-focus" class="chartlet-focus-node" id="chartlet-2d8256919eba870e-focus-6"> Orders</label></fieldset></details><figure class="chartlet-figure" data-viz="chart"><figcaption>The orders platform: today and as targeted</figcaption><div class="chartlet-stage"><svg xmlns="http://www.w3.org/2000/svg" width="1280" height="812" viewBox="0 0 1280 812" id="chartlet-2d8256919eba870e" role="img" aria-labelledby="chartlet-2d8256919eba870e-title chartlet-2d8256919eba870e-description" class="chartlet-root"><title id="chartlet-2d8256919eba870e-title">The orders platform: today and as targeted</title><desc id="chartlet-2d8256919eba870e-description">Architecture change from Today to Target: 8 changes. Added: Event bus; Billing. Removed: Legacy ERP. Changed: Orders (technology: Java → Kotlin). Moved: Orders (from Data center to Cloud region). Rewired: Orders → Legacy ERP (removed); Orders → Event bus (added); Event bus → Billing (added).</desc><style>.chartlet-root{--chartlet-text:#172033;--chartlet-muted:#344054;--chartlet-grid:#d9dee8;--chartlet-zero:#667085;--chartlet-accent:#2563eb;--chartlet-background:#fff;--chartlet-color-1:#2563eb;--chartlet-color-2:#c2410c;--chartlet-color-3:#475569;--chartlet-color-4:#111827;max-width:100%;height:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-title{font-size:22px;font-weight:650;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-label,#chartlet-2d8256919eba870e .chartlet-tick,#chartlet-2d8256919eba870e .chartlet-value,#chartlet-2d8256919eba870e .chartlet-value-inverse,#chartlet-2d8256919eba870e .chartlet-axis-title{font-size:12px;fill:var(--chartlet-muted)}#chartlet-2d8256919eba870e .chartlet-value,#chartlet-2d8256919eba870e .chartlet-value-inverse{font-weight:600}#chartlet-2d8256919eba870e .chartlet-value{fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-value-inverse{fill:var(--chartlet-background)}#chartlet-2d8256919eba870e .chartlet-axis-title{font-weight:600}#chartlet-2d8256919eba870e .chartlet-grid{stroke:var(--chartlet-grid);stroke-width:1}#chartlet-2d8256919eba870e .chartlet-zero{stroke:var(--chartlet-zero);stroke-width:1.5}#chartlet-2d8256919eba870e .chartlet-bar,#chartlet-2d8256919eba870e .chartlet-point{fill:var(--chartlet-accent)}#chartlet-2d8256919eba870e .chartlet-line{fill:none;stroke:var(--chartlet-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#chartlet-2d8256919eba870e .chartlet-background{fill:var(--chartlet-background)}.chartlet-root{--chartlet-node:#eef3fd;--chartlet-lane:#f7f9fc;--chartlet-lane-head:#eef1f6;--chartlet-shadow:rgba(16,24,40,.09);--chartlet-role-blue:#2563eb;--chartlet-role-blue-fill:#eef3fd;--chartlet-role-green:#15803d;--chartlet-role-green-fill:#ecfdf3;--chartlet-role-amber:#b45309;--chartlet-role-amber-fill:#fff7e8;--chartlet-role-teal:#0f766e;--chartlet-role-teal-fill:#e9faf7;--chartlet-role-violet:#6d28d9;--chartlet-role-violet-fill:#f3efff;--chartlet-role-gray:#667085;--chartlet-role-gray-fill:#f7f8fa;--chartlet-role-red:#b42318;--chartlet-role-red-fill:#fef3f2}.chartlet-root.chartlet-theme-dark{--chartlet-node:#1a2436;--chartlet-lane:#121925;--chartlet-lane-head:#18212f;--chartlet-shadow:rgba(0,0,0,.45);--chartlet-role-blue:#7ea6ff;--chartlet-role-blue-fill:#1a2436;--chartlet-role-green:#4ade80;--chartlet-role-green-fill:#132a1d;--chartlet-role-amber:#fbbf24;--chartlet-role-amber-fill:#2b2210;--chartlet-role-teal:#2dd4bf;--chartlet-role-teal-fill:#0f2a27;--chartlet-role-violet:#b69cff;--chartlet-role-violet-fill:#231c38;--chartlet-role-gray:#9aa7bd;--chartlet-role-gray-fill:#161d29;--chartlet-role-red:#f97066;--chartlet-role-red-fill:#2d1616}#chartlet-2d8256919eba870e .chartlet-role-blue{fill:var(--chartlet-role-blue-fill);stroke:var(--chartlet-role-blue)}#chartlet-2d8256919eba870e .chartlet-role-green{fill:var(--chartlet-role-green-fill);stroke:var(--chartlet-role-green)}#chartlet-2d8256919eba870e .chartlet-role-amber{fill:var(--chartlet-role-amber-fill);stroke:var(--chartlet-role-amber)}#chartlet-2d8256919eba870e .chartlet-role-teal{fill:var(--chartlet-role-teal-fill);stroke:var(--chartlet-role-teal)}#chartlet-2d8256919eba870e .chartlet-role-violet{fill:var(--chartlet-role-violet-fill);stroke:var(--chartlet-role-violet)}#chartlet-2d8256919eba870e .chartlet-role-gray{fill:var(--chartlet-role-gray-fill);stroke:var(--chartlet-role-gray)}#chartlet-2d8256919eba870e .chartlet-role-red{fill:var(--chartlet-role-red-fill);stroke:var(--chartlet-role-red)}#chartlet-2d8256919eba870e .chartlet-diagram-rim{fill:none;stroke:var(--chartlet-role-teal);stroke-width:1.5}#chartlet-2d8256919eba870e .chartlet-diagram-shadow{fill:var(--chartlet-shadow);stroke:none;rx:7px}#chartlet-2d8256919eba870e .chartlet-diagram-chip{fill:var(--chartlet-background);stroke:var(--chartlet-grid);stroke-width:1;rx:4px}#chartlet-2d8256919eba870e .chartlet-diagram-chip-text{font-size:12px;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-diagram-badge{fill:var(--chartlet-accent);stroke:var(--chartlet-background);stroke-width:2}#chartlet-2d8256919eba870e .chartlet-diagram-badge-text{font-size:10px;font-weight:700;fill:var(--chartlet-background)}#chartlet-2d8256919eba870e .chartlet-flow-node{stroke-width:1.5;stroke-linejoin:round;rx:7px}#chartlet-2d8256919eba870e .chartlet-flow-start{stroke-width:2}#chartlet-2d8256919eba870e .chartlet-flow-end{stroke-width:3}#chartlet-2d8256919eba870e .chartlet-flow-external{stroke-dasharray:5 3}#chartlet-2d8256919eba870e .chartlet-flow-inner{stroke:var(--chartlet-role-blue);stroke-width:1}#chartlet-2d8256919eba870e .chartlet-flow-label{font-size:13px;font-weight:600;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-flow-sublabel{font-size:11px;fill:var(--chartlet-muted)}#chartlet-2d8256919eba870e .chartlet-flow-edge{fill:none;stroke:var(--chartlet-zero);stroke-width:1.4;stroke-linejoin:round}#chartlet-2d8256919eba870e .chartlet-flow-dashed{stroke-dasharray:5 4}#chartlet-2d8256919eba870e .chartlet-flow-dotted{stroke-dasharray:1 4;stroke-linecap:round}#chartlet-2d8256919eba870e .chartlet-flow-main{stroke:var(--chartlet-accent);stroke-width:2.2}#chartlet-2d8256919eba870e .chartlet-flow-head{fill:var(--chartlet-zero);stroke:var(--chartlet-zero);stroke-width:1;stroke-linejoin:round}#chartlet-2d8256919eba870e .chartlet-flow-main-head{fill:var(--chartlet-accent);stroke:var(--chartlet-accent)}#chartlet-2d8256919eba870e .chartlet-flow-lane{fill:var(--chartlet-lane);stroke:var(--chartlet-grid);stroke-width:1}#chartlet-2d8256919eba870e .chartlet-flow-lane-alt{fill:var(--chartlet-background)}#chartlet-2d8256919eba870e .chartlet-flow-lane-head{fill:var(--chartlet-lane-head);stroke:none}#chartlet-2d8256919eba870e .chartlet-flow-lane-label{font-size:11px;font-weight:650;fill:var(--chartlet-muted);letter-spacing:.04em}#chartlet-2d8256919eba870e .chartlet-flow-group{fill:var(--chartlet-accent);fill-opacity:.04;stroke:var(--chartlet-zero);stroke-width:1;stroke-dasharray:4 3;rx:10px}#chartlet-2d8256919eba870e .chartlet-flow-group-label{font-size:11px;font-weight:600;fill:var(--chartlet-muted)}#chartlet-2d8256919eba870e .chartlet-arch-head{fill:var(--chartlet-role-violet-fill);stroke:var(--chartlet-role-violet);stroke-width:1.5}#chartlet-2d8256919eba870e .chartlet-arch-dot{fill:var(--chartlet-role-blue);stroke:none}#chartlet-2d8256919eba870e .chartlet-delta-heading{font-size:14px;font-weight:700;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-delta-entry{font-size:12px;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-delta-sign{font-size:14px;font-weight:700;fill:var(--chartlet-text)}#chartlet-2d8256919eba870e .chartlet-delta-rule{stroke:var(--chartlet-grid);stroke-width:1;stroke-dasharray:3 4}</style><text x="24" y="34" text-anchor="start" class="chartlet-delta-heading">Before: Today</text><rect x="88" y="268" width="180" height="256" class="chartlet-flow-group"/><text x="96" y="281" text-anchor="start" class="chartlet-flow-group-label">Data center</text><rect x="284" y="60" width="276" height="604" class="chartlet-flow-group"/><text x="292" y="73" text-anchor="start" class="chartlet-flow-group-label">Cloud region</text><g class="chartlet-f chartlet-f-0 chartlet-f-1"><polyline points="336,152 336,227.652 204,227.652 204,288" class="chartlet-flow-edge"><title>Web shop → Orders: places orders [HTTPS]</title></polyline><polyline points="200.5,288 204,296 207.5,288 200.5,288" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-2"><polyline points="192,352 192,427.652 152,427.652 152,464" class="chartlet-flow-edge"><title>Orders → Legacy ERP: syncs stock [SOAP]</title></polyline><polyline points="148.5,464 152,472 155.5,464 148.5,464" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><polyline points="216,352 216,427.652 352,427.652 352,452" class="chartlet-flow-edge"><title>Orders → Orders DB: reads and writes [SQL]</title></polyline><polyline points="348.5,452 352,460 355.5,452 348.5,452" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1 chartlet-f-6"></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2"></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-3 chartlet-f-6"></g><g class="chartlet-f chartlet-n-4 chartlet-f-4 chartlet-f-5 chartlet-f-6"></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5"></g><g class="chartlet-f chartlet-n-6 chartlet-f-0 chartlet-f-3 chartlet-f-4 chartlet-f-6"></g><g class="chartlet-f chartlet-f-0 chartlet-f-1"><rect x="240.64" y="157" width="91.36" height="36" class="chartlet-diagram-chip"/><text x="327" y="171" text-anchor="end" class="chartlet-diagram-chip-text">places orders</text><text x="327" y="186" text-anchor="end" class="chartlet-diagram-chip-text">[HTTPS]</text></g><g class="chartlet-f chartlet-f-1 chartlet-f-2"><rect x="106.96" y="357" width="81.04" height="36" class="chartlet-diagram-chip"/><text x="183" y="371" text-anchor="end" class="chartlet-diagram-chip-text">syncs stock</text><text x="183" y="386" text-anchor="end" class="chartlet-diagram-chip-text">[SOAP]</text></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><rect x="220" y="357" width="112.72" height="36" class="chartlet-diagram-chip"/><text x="225" y="371" text-anchor="start" class="chartlet-diagram-chip-text">reads and writes</text><text x="225" y="386" text-anchor="start" class="chartlet-diagram-chip-text">[SQL]</text></g><g class="chartlet-f chartlet-f-0 chartlet-f-6"></g><g class="chartlet-f chartlet-f-4 chartlet-f-6"></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"></g><g class="chartlet-f chartlet-f-3 chartlet-f-6"></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1 chartlet-f-6"><rect x="296" y="90.5" width="104" height="64" class="chartlet-diagram-shadow"/><rect x="296" y="88" width="104" height="64" class="chartlet-flow-node chartlet-role-blue"><title>Web shop – React</title></rect><line x1="296" y1="100" x2="400" y2="100" class="chartlet-flow-inner"/><circle cx="304" cy="94" r="1.8" class="chartlet-arch-dot"/><circle cx="310" cy="94" r="1.8" class="chartlet-arch-dot"/><circle cx="316" cy="94" r="1.8" class="chartlet-arch-dot"/><text x="348" y="123.5" text-anchor="middle" class="chartlet-flow-label">Web shop</text><text x="348" y="137.5" text-anchor="middle" class="chartlet-flow-sublabel">React</text></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"><rect x="152" y="298.5" width="104" height="56" class="chartlet-diagram-shadow"/><rect x="152" y="296" width="104" height="56" class="chartlet-flow-node chartlet-role-blue"><title>Orders – Kotlin</title></rect><text x="204" y="321.5" text-anchor="middle" class="chartlet-flow-label">Orders</text><text x="204" y="335.5" text-anchor="middle" class="chartlet-flow-sublabel">Java</text></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2 chartlet-flow-role-deprecated"><rect x="100" y="474.5" width="104" height="40" class="chartlet-diagram-shadow"/><rect x="100" y="472" width="104" height="40" class="chartlet-flow-node chartlet-flow-external chartlet-role-gray"><title>Legacy ERP</title></rect><text x="152" y="496.5" text-anchor="middle" class="chartlet-flow-label">Legacy ERP</text></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-3 chartlet-f-6"><polyline points="312,467.5 312,521.5 313.772,522.794 318.967,524 327.23,525.036 338,525.83 350.541,526.33 364,526.5 377.459,526.33 390,525.83 400.77,525.036 409.033,524 414.228,522.794 416,521.5 416,467.5 414.228,466.206 409.033,465 400.77,463.964 390,463.17 377.459,462.67 364,462.5 350.541,462.67 338,463.17 327.23,463.964 318.967,465 313.772,466.206 312,467.5 312,467.5" class="chartlet-diagram-shadow"/><polyline points="312,465 312,519 313.772,520.294 318.967,521.5 327.23,522.536 338,523.33 350.541,523.83 364,524 377.459,523.83 390,523.33 400.77,522.536 409.033,521.5 414.228,520.294 416,519 416,465 414.228,463.706 409.033,462.5 400.77,461.464 390,460.67 377.459,460.17 364,460 350.541,460.17 338,460.67 327.23,461.464 318.967,462.5 313.772,463.706 312,465 312,465" class="chartlet-flow-node chartlet-role-teal"><title>Orders DB – PostgreSQL</title></polyline><polyline points="312,465 313.772,466.294 318.967,467.5 327.23,468.536 338,469.33 350.541,469.83 364,470 377.459,469.83 390,469.33 400.77,468.536 409.033,467.5 414.228,466.294 416,465" class="chartlet-diagram-rim"/><text x="364" y="492.5" text-anchor="middle" class="chartlet-flow-label">Orders DB</text><text x="364" y="506.5" text-anchor="middle" class="chartlet-flow-sublabel">PostgreSQL</text></g><circle cx="154" cy="298" r="8" class="chartlet-diagram-badge"><title>changed</title></circle><text x="154" y="301.5" text-anchor="middle" class="chartlet-diagram-badge-text">~</text><circle cx="173" cy="298" r="8" class="chartlet-diagram-badge"><title>moved</title></circle><text x="173" y="301.5" text-anchor="middle" class="chartlet-diagram-badge-text">→</text><g class="chartlet-flow-role-deprecated"><circle cx="102" cy="474" r="8" class="chartlet-diagram-badge"/><text x="102" y="477.5" text-anchor="middle" class="chartlet-diagram-badge-text">−</text></g><text x="656" y="34" text-anchor="start" class="chartlet-delta-heading">After: Target</text><rect x="916" y="60" width="276" height="604" class="chartlet-flow-group"/><text x="924" y="73" text-anchor="start" class="chartlet-flow-group-label">Cloud region</text><g class="chartlet-f chartlet-f-0 chartlet-f-6"><polyline points="992,152 992,227.652 1080,227.652 1080,288" class="chartlet-flow-edge"><title>Web shop → Orders: places orders [HTTPS]</title></polyline><polyline points="1076.5,288 1080,296 1083.5,288 1076.5,288" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-6"><polyline points="1092,352 1092,427.652 1128,427.652 1128,464" class="chartlet-flow-edge"><title>Orders → Event bus: publishes order events</title></polyline><polyline points="1124.5,464 1128,472 1131.5,464 1124.5,464" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><polyline points="1128,512 1128,604" class="chartlet-flow-edge"><title>Event bus → Billing: delivers events</title></polyline><polyline points="1124.5,604 1128,612 1131.5,604 1124.5,604" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-3 chartlet-f-6"><polyline points="1068,352 1068,427.652 1008,427.652 1008,452" class="chartlet-flow-edge"><title>Orders → Orders DB: reads and writes [SQL]</title></polyline><polyline points="1004.5,452 1008,460 1011.5,452 1004.5,452" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1 chartlet-f-6"></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2"></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-3 chartlet-f-6"></g><g class="chartlet-f chartlet-n-4 chartlet-f-4 chartlet-f-5 chartlet-f-6"></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5"></g><g class="chartlet-f chartlet-n-6 chartlet-f-0 chartlet-f-3 chartlet-f-4 chartlet-f-6"></g><g class="chartlet-f chartlet-f-0 chartlet-f-1"></g><g class="chartlet-f chartlet-f-1 chartlet-f-2"></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"></g><g class="chartlet-f chartlet-f-0 chartlet-f-6"><rect x="996" y="157" width="91.36" height="36" class="chartlet-diagram-chip"/><text x="1001" y="171" text-anchor="start" class="chartlet-diagram-chip-text">places orders</text><text x="1001" y="186" text-anchor="start" class="chartlet-diagram-chip-text">[HTTPS]</text></g><g class="chartlet-f chartlet-f-4 chartlet-f-6"><rect x="1096" y="357" width="145.84" height="21" class="chartlet-diagram-chip"/><text x="1101" y="371" text-anchor="start" class="chartlet-diagram-chip-text">publishes order events</text></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><rect x="1132" y="517" width="101.68" height="21" class="chartlet-diagram-chip"/><text x="1137" y="531" text-anchor="start" class="chartlet-diagram-chip-text">delivers events</text></g><g class="chartlet-f chartlet-f-3 chartlet-f-6"><rect x="951.28" y="396" width="112.72" height="36" class="chartlet-diagram-chip"/><text x="1059" y="410" text-anchor="end" class="chartlet-diagram-chip-text">reads and writes</text><text x="1059" y="425" text-anchor="end" class="chartlet-diagram-chip-text">[SQL]</text></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1 chartlet-f-6"><rect x="928" y="90.5" width="104" height="64" class="chartlet-diagram-shadow"/><rect x="928" y="88" width="104" height="64" class="chartlet-flow-node chartlet-role-blue"><title>Web shop – React</title></rect><line x1="928" y1="100" x2="1032" y2="100" class="chartlet-flow-inner"/><circle cx="936" cy="94" r="1.8" class="chartlet-arch-dot"/><circle cx="942" cy="94" r="1.8" class="chartlet-arch-dot"/><circle cx="948" cy="94" r="1.8" class="chartlet-arch-dot"/><text x="980" y="123.5" text-anchor="middle" class="chartlet-flow-label">Web shop</text><text x="980" y="137.5" text-anchor="middle" class="chartlet-flow-sublabel">React</text></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-3 chartlet-f-6"><polyline points="944,467.5 944,521.5 945.772,522.794 950.967,524 959.23,525.036 970,525.83 982.541,526.33 996,526.5 1009.459,526.33 1022,525.83 1032.77,525.036 1041.033,524 1046.228,522.794 1048,521.5 1048,467.5 1046.228,466.206 1041.033,465 1032.77,463.964 1022,463.17 1009.459,462.67 996,462.5 982.541,462.67 970,463.17 959.23,463.964 950.967,465 945.772,466.206 944,467.5 944,467.5" class="chartlet-diagram-shadow"/><polyline points="944,465 944,519 945.772,520.294 950.967,521.5 959.23,522.536 970,523.33 982.541,523.83 996,524 1009.459,523.83 1022,523.33 1032.77,522.536 1041.033,521.5 1046.228,520.294 1048,519 1048,465 1046.228,463.706 1041.033,462.5 1032.77,461.464 1022,460.67 1009.459,460.17 996,460 982.541,460.17 970,460.67 959.23,461.464 950.967,462.5 945.772,463.706 944,465 944,465" class="chartlet-flow-node chartlet-role-teal"><title>Orders DB – PostgreSQL</title></polyline><polyline points="944,465 945.772,466.294 950.967,467.5 959.23,468.536 970,469.33 982.541,469.83 996,470 1009.459,469.83 1022,469.33 1032.77,468.536 1041.033,467.5 1046.228,466.294 1048,465" class="chartlet-diagram-rim"/><text x="996" y="492.5" text-anchor="middle" class="chartlet-flow-label">Orders DB</text><text x="996" y="506.5" text-anchor="middle" class="chartlet-flow-sublabel">PostgreSQL</text></g><g class="chartlet-f chartlet-n-4 chartlet-f-4 chartlet-f-5 chartlet-f-6 chartlet-flow-role-planned"><rect x="1080" y="470.5" width="104" height="40" class="chartlet-diagram-shadow"/><rect x="1080" y="468" width="104" height="40" class="chartlet-flow-node chartlet-role-violet"/><rect x="1076" y="474.5" width="104" height="40" class="chartlet-diagram-shadow"/><rect x="1076" y="472" width="104" height="40" class="chartlet-flow-node chartlet-role-violet"><title>Event bus</title></rect><text x="1128" y="496.5" text-anchor="middle" class="chartlet-flow-label">Event bus</text></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5 chartlet-flow-role-planned"><rect x="1076" y="614.5" width="104" height="40" class="chartlet-diagram-shadow"/><rect x="1076" y="612" width="104" height="40" class="chartlet-flow-node chartlet-role-blue"><title>Billing</title></rect><text x="1128" y="636.5" text-anchor="middle" class="chartlet-flow-label">Billing</text></g><g class="chartlet-f chartlet-n-6 chartlet-f-0 chartlet-f-3 chartlet-f-4 chartlet-f-6"><rect x="1028" y="298.5" width="104" height="56" class="chartlet-diagram-shadow"/><rect x="1028" y="296" width="104" height="56" class="chartlet-flow-node chartlet-role-blue"><title>Orders – Kotlin</title></rect><text x="1080" y="321.5" text-anchor="middle" class="chartlet-flow-label">Orders</text><text x="1080" y="335.5" text-anchor="middle" class="chartlet-flow-sublabel">Kotlin</text></g><g class="chartlet-flow-role-planned"><circle cx="1078" cy="474" r="8" class="chartlet-diagram-badge"/><text x="1078" y="477.5" text-anchor="middle" class="chartlet-diagram-badge-text">+</text></g><g class="chartlet-flow-role-planned"><circle cx="1078" cy="614" r="8" class="chartlet-diagram-badge"/><text x="1078" y="617.5" text-anchor="middle" class="chartlet-diagram-badge-text">+</text></g><circle cx="1030" cy="298" r="8" class="chartlet-diagram-badge"><title>changed</title></circle><text x="1030" y="301.5" text-anchor="middle" class="chartlet-diagram-badge-text">~</text><circle cx="1049" cy="298" r="8" class="chartlet-diagram-badge"><title>moved</title></circle><text x="1049" y="301.5" text-anchor="middle" class="chartlet-diagram-badge-text">→</text><line x1="640" y1="16" x2="640" y2="684" class="chartlet-delta-rule"/><text x="24" y="710" text-anchor="start" class="chartlet-delta-heading">Changes</text><text x="32" y="732" text-anchor="middle" class="chartlet-delta-sign">+</text><text x="48" y="732" text-anchor="start" class="chartlet-delta-entry">Added: Event bus; Billing.</text><text x="32" y="748" text-anchor="middle" class="chartlet-delta-sign">−</text><text x="48" y="748" text-anchor="start" class="chartlet-delta-entry">Removed: Legacy ERP.</text><text x="32" y="764" text-anchor="middle" class="chartlet-delta-sign">~</text><text x="48" y="764" text-anchor="start" class="chartlet-delta-entry">Changed: Orders (technology: Java → Kotlin).</text><text x="32" y="780" text-anchor="middle" class="chartlet-delta-sign">→</text><text x="48" y="780" text-anchor="start" class="chartlet-delta-entry">Moved: Orders (from Data center to Cloud region).</text><text x="32" y="796" text-anchor="middle" class="chartlet-delta-sign">↔</text><text x="48" y="796" text-anchor="start" class="chartlet-delta-entry">Rewired: Orders → Legacy ERP (removed); Orders → Event bus (added); Event bus → Billing (added).</text></svg><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-1" for="chartlet-2d8256919eba870e-focus-1"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-2" for="chartlet-2d8256919eba870e-focus-2"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-0" for="chartlet-2d8256919eba870e-focus-0"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-3" for="chartlet-2d8256919eba870e-focus-3"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-4" for="chartlet-2d8256919eba870e-focus-4"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-5" for="chartlet-2d8256919eba870e-focus-5"></label><label class="chartlet-hotspot" id="chartlet-2d8256919eba870e-hs-6" for="chartlet-2d8256919eba870e-focus-6"></label></div><details class="chartlet-data" data-viz-text><summary>Show chart data</summary><table><caption>Data for The orders platform: today and as targeted</caption><thead><tr><th scope="col">Change</th><th scope="col">Concerns</th><th scope="col">Detail</th></tr></thead><tbody><tr><th scope="row">+ added</th><td>Event bus</td><td></td></tr><tr><th scope="row">+ added</th><td>Billing</td><td></td></tr><tr><th scope="row">− removed</th><td>Legacy ERP</td><td></td></tr><tr><th scope="row">~ changed</th><td>Orders</td><td>technology: Java → Kotlin</td></tr><tr><th scope="row">→ moved</th><td>Orders</td><td>from Data center to Cloud region</td></tr><tr><th scope="row">↔ rewired</th><td>Orders → Legacy ERP</td><td>removed</td></tr><tr><th scope="row">↔ rewired</th><td>Orders → Event bus</td><td>added</td></tr><tr><th scope="row">↔ rewired</th><td>Event bus → Billing</td><td>added</td></tr></tbody></table></details></figure></div>