| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Hub & Spoke Chart Template |
| 6 | Usage: Central theme and peripheral elements |
| 7 | Scenarios: Core capabilities, platform ecosystem, product suites |
| 8 | Supports: 1 Hub + 6 Spokes |
| 9 | --> |
| 10 | <!-- Background --> |
| 11 | <rect width="1280" height="720" fill="#F8FAFC"/> |
| 12 | <!-- Reference rings --> |
| 13 | <g id="reference-rings" data-pptx-bounds="200 0 880 720"> |
| 14 | <circle cx="640" cy="380" r="160" fill="none" stroke="#E2E8F0" stroke-width="1"/> |
| 15 | <circle cx="640" cy="380" r="260" fill="none" stroke="#E2E8F0" stroke-width="1.5" stroke-dasharray="6 6"/> |
| 16 | <circle cx="640" cy="380" r="360" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="2 4"/> |
| 17 | </g> |
| 18 | <!-- Title --> |
| 19 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 20 | <text x="640" y="55" text-anchor="middle" |
| 21 | font-size="34" font-weight="800" fill="#0F172A">Enterprise Platform Architecture</text> |
| 22 | <text x="640" y="85" text-anchor="middle" |
| 23 | font-size="14" font-weight="600" fill="#64748B" letter-spacing="2">HUB & SPOKE · CORE CAPABILITIES</text> |
| 24 | </g> |
| 25 | <!-- Data Pipelines (Connections) --> |
| 26 | <g id="spoke-connections" data-pptx-bounds="352 88 576 584" stroke-linecap="round"> |
| 27 | <!-- 1. Top (Blue) --> |
| 28 | <line x1="640" y1="380" x2="640" y2="120" stroke="#E2E8F0" stroke-width="2"/> |
| 29 | <line x1="640" y1="380" x2="640" y2="120" stroke="#3B82F6" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 30 | <!-- 2. Top Right (Sky) --> |
| 31 | <line x1="640" y1="380" x2="870" y2="230" stroke="#E2E8F0" stroke-width="2"/> |
| 32 | <line x1="640" y1="380" x2="870" y2="230" stroke="#0EA5E9" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 33 | <!-- 3. Bottom Right (Indigo) --> |
| 34 | <line x1="640" y1="380" x2="870" y2="530" stroke="#E2E8F0" stroke-width="2"/> |
| 35 | <line x1="640" y1="380" x2="870" y2="530" stroke="#6366F1" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 36 | <!-- 4. Bottom (Blue) --> |
| 37 | <line x1="640" y1="380" x2="640" y2="640" stroke="#E2E8F0" stroke-width="2"/> |
| 38 | <line x1="640" y1="380" x2="640" y2="640" stroke="#3B82F6" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 39 | <!-- 5. Bottom Left (Sky) --> |
| 40 | <line x1="640" y1="380" x2="410" y2="530" stroke="#E2E8F0" stroke-width="2"/> |
| 41 | <line x1="640" y1="380" x2="410" y2="530" stroke="#0EA5E9" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 42 | <!-- 6. Top Left (Indigo) --> |
| 43 | <line x1="640" y1="380" x2="410" y2="230" stroke="#E2E8F0" stroke-width="2"/> |
| 44 | <line x1="640" y1="380" x2="410" y2="230" stroke="#6366F1" stroke-width="2" stroke-dasharray="6 8" opacity="0.8"/> |
| 45 | </g> |
| 46 | <!-- Center Hub --> |
| 47 | <!-- Core emphasis --> |
| 48 | <g id="hub-core" data-pptx-bounds="532 284 216 160"> |
| 49 | <circle cx="640" cy="380" r="85" fill="#4F46E5" opacity="0.8"/> |
| 50 | <circle cx="640" cy="380" r="80" fill="#4F46E5"/> |
| 51 | <circle cx="640" cy="380" r="68" fill="none" stroke="#FFFFFF" stroke-width="1.5" opacity="0.4"/> |
| 52 | <circle cx="640" cy="380" r="62" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-dasharray="2 4" opacity="0.3"/> |
| 53 | <text x="640" y="375" text-anchor="middle" font-size="24" font-weight="800" fill="#FFFFFF" letter-spacing="1">CORE</text> |
| 54 | <text x="640" y="405" text-anchor="middle" font-size="13" font-weight="600" fill="#E0E7FF" letter-spacing="3">SYSTEM</text> |
| 55 | <circle cx="616" cy="428" r="2" fill="#FFFFFF" opacity="0.8"/> |
| 56 | <circle cx="640" cy="428" r="2.5" fill="#FFFFFF" opacity="0.9"/> |
| 57 | <circle cx="664" cy="428" r="2" fill="#FFFFFF" opacity="0.8"/> |
| 58 | </g> |
| 59 | <!-- ===== Spoke 1: Data Architecture (Top) - Blue ===== --> |
| 60 | <!-- Center: 640, 120 --> |
| 61 | <g id="spoke-data-architecture" data-pptx-bounds="488 72 304 96"> |
| 62 | <g> |
| 63 | <rect x="520" y="80" width="240" height="80" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 64 | </g> |
| 65 | <rect x="520" y="104" width="4" height="32" rx="2" fill="#3B82F6"/> |
| 66 | <rect x="540" y="100" width="40" height="40" rx="10" fill="#EFF6FF"/> |
| 67 | <g stroke="#3B82F6" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 68 | <ellipse cx="560" cy="112" rx="8" ry="3"/> |
| 69 | <path d="M 552 112 V 124 C 552 125.66 555.58 127 560 127 C 564.42 127 568 125.66 568 124 V 112"/> |
| 70 | <path d="M 552 118 C 552 119.66 555.58 121 560 121 C 564.42 121 568 119.66 568 118"/> |
| 71 | </g> |
| 72 | <text x="596" y="118" |
| 73 | font-size="15" font-weight="700" fill="#0F172A">Data Architecture</text> |
| 74 | <text x="596" y="140" |
| 75 | font-weight="500" fill="#64748B">Data Lake & Analytics</text> |
| 76 | </g> |
| 77 | <!-- ===== Spoke 2: AI Engine (Top Right) - Sky ===== --> |
| 78 | <!-- Center: 870, 230 --> |
| 79 | <g id="spoke-ai-engine" data-pptx-bounds="718 182 304 96"> |
| 80 | <g> |
| 81 | <rect x="750" y="190" width="240" height="80" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 82 | </g> |
| 83 | <rect x="750" y="214" width="4" height="32" rx="2" fill="#0EA5E9"/> |
| 84 | <rect x="770" y="210" width="40" height="40" rx="10" fill="#E0F2FE"/> |
| 85 | <g stroke="#0EA5E9" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 86 | <path d="M 790 218 L 792 226 L 800 228 L 792 230 L 790 238 L 788 230 L 780 228 L 788 226 Z"/> |
| 87 | <path d="M 799 217 L 800 220 L 803 221 L 800 222 L 799 225 L 798 222 L 795 221 L 798 220 Z"/> |
| 88 | </g> |
| 89 | <text x="826" y="228" |
| 90 | font-size="15" font-weight="700" fill="#0F172A">AI Engine</text> |
| 91 | <text x="826" y="250" |
| 92 | font-weight="500" fill="#64748B">Model Training & Inference</text> |
| 93 | </g> |
| 94 | <!-- ===== Spoke 3: Business Logic (Bottom Right) - Indigo ===== --> |
| 95 | <!-- Center: 870, 530 --> |
| 96 | <g id="spoke-business-logic" data-pptx-bounds="718 482 304 96"> |
| 97 | <g> |
| 98 | <rect x="750" y="490" width="240" height="80" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 99 | </g> |
| 100 | <rect x="750" y="514" width="4" height="32" rx="2" fill="#6366F1"/> |
| 101 | <rect x="770" y="510" width="40" height="40" rx="10" fill="#EEF2FF"/> |
| 102 | <g stroke="#6366F1" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 103 | <circle cx="784" cy="520" r="3"/> |
| 104 | <circle cx="796" cy="520" r="3"/> |
| 105 | <circle cx="790" cy="532" r="3"/> |
| 106 | <line x1="786" y1="523" x2="788.5" y2="529"/> |
| 107 | <line x1="794" y1="523" x2="791.5" y2="529"/> |
| 108 | <line x1="787" y1="520" x2="793" y2="520"/> |
| 109 | </g> |
| 110 | <text x="826" y="528" |
| 111 | font-size="15" font-weight="700" fill="#0F172A">Business Logic</text> |
| 112 | <text x="826" y="550" |
| 113 | font-weight="500" fill="#64748B">Workflow & Rule Engines</text> |
| 114 | </g> |
| 115 | <!-- ===== Spoke 4: Integration Services (Bottom) - Blue ===== --> |
| 116 | <!-- Center: 640, 640 --> |
| 117 | <g id="spoke-integration-services" data-pptx-bounds="488 592 304 96"> |
| 118 | <g> |
| 119 | <rect x="520" y="600" width="240" height="80" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 120 | </g> |
| 121 | <rect x="520" y="624" width="4" height="32" rx="2" fill="#3B82F6"/> |
| 122 | <rect x="540" y="620" width="40" height="40" rx="10" fill="#EFF6FF"/> |
| 123 | <g stroke="#3B82F6" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 124 | <circle cx="552" cy="632" r="2.5"/> |
| 125 | <circle cx="568" cy="632" r="2.5"/> |
| 126 | <circle cx="560" cy="646" r="2.5"/> |
| 127 | <line x1="554.5" y1="632" x2="565.5" y2="632"/> |
| 128 | <line x1="553.5" y1="634" x2="558.5" y2="644"/> |
| 129 | <line x1="566.5" y1="634" x2="561.5" y2="644"/> |
| 130 | </g> |
| 131 | <text x="596" y="638" |
| 132 | font-size="14" font-weight="700" fill="#0F172A">Integration Services</text> |
| 133 | <text x="596" y="660" |
| 134 | font-weight="500" fill="#64748B">API Gateway & Event Bus</text> |
| 135 | </g> |
| 136 | <!-- ===== Spoke 5: Security & Compliance (Bottom Left) - Sky ===== --> |
| 137 | <!-- Center: 410, 530 --> |
| 138 | <g id="spoke-security-compliance" data-pptx-bounds="256 474 324 112"> |
| 139 | <g> |
| 140 | <rect x="290" y="482" width="240" height="96" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 141 | </g> |
| 142 | <rect x="290" y="514" width="4" height="32" rx="2" fill="#0EA5E9"/> |
| 143 | <rect x="310" y="510" width="40" height="40" rx="10" fill="#E0F2FE"/> |
| 144 | <g stroke="#0EA5E9" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 145 | <path d="M 320 519 L 330 516 L 340 519 V 525 C 340 533 334 538 330 540 C 326 538 320 533 320 525 Z"/> |
| 146 | <path d="M 326 528 L 329 531 L 334 524"/> |
| 147 | </g> |
| 148 | <text x="366" y="516" font-size="14" font-weight="700" fill="#0F172A">Security &<tspan x="366" dy="17">Compliance</tspan></text> |
| 149 | <text x="366" y="553" font-weight="500" fill="#64748B">IAM & Zero-Trust<tspan x="366" dy="14">Architecture</tspan></text> |
| 150 | </g> |
| 151 | <!-- ===== Spoke 6: User Experience (Top Left) - Indigo ===== --> |
| 152 | <!-- Center: 410, 230 --> |
| 153 | <g id="spoke-user-experience" data-pptx-bounds="258 182 304 96"> |
| 154 | <g> |
| 155 | <rect x="290" y="190" width="240" height="80" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 156 | </g> |
| 157 | <rect x="290" y="214" width="4" height="32" rx="2" fill="#6366F1"/> |
| 158 | <rect x="310" y="210" width="40" height="40" rx="10" fill="#EEF2FF"/> |
| 159 | <g stroke="#6366F1" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 160 | <rect x="320" y="218" width="20" height="16" rx="2"/> |
| 161 | <line x1="320" y1="223" x2="340" y2="223"/> |
| 162 | <line x1="326" y1="223" x2="326" y2="234"/> |
| 163 | </g> |
| 164 | <text x="366" y="228" |
| 165 | font-size="15" font-weight="700" fill="#0F172A">User Experience</text> |
| 166 | <text x="366" y="250" |
| 167 | font-weight="500" fill="#64748B">Low-Code & Design System</text> |
| 168 | </g> |
| 169 | <!-- Footer Summary --> |
| 170 | <g id="source" data-pptx-bounds="40 670 1200 40"> |
| 171 | <text x="640" y="695" text-anchor="middle" |
| 172 | font-size="14" fill="#94A3B8">The central hub seamlessly integrates six core capability domains to form a unified digital foundation.</text> |
| 173 | </g> |
| 174 | </svg> |
| 175 |