| 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', 'PingFang SC', 'Microsoft YaHei', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Segmented Wheel Template |
| 6 | Purpose: One central topic divided into N equally-weighted dimensions, each paired with a description card |
| 7 | Use cases: 5W1H analysis, 4P marketing mix, 5S management, 6-aspect frameworks, named multi-angle reviews |
| 8 | Design Principles: |
| 9 | - Central hub + 6 equal annular sectors (not data-proportional like pie/donut) |
| 10 | - Wedge = category cell (parallel weight), not a sequential step |
| 11 | - Dashed connector from wedge outer edge to its description card (3 left + 3 right) |
| 12 | - Single hue progression (top-heavy mirrored), per CHART_STYLE_GUIDE §1.2 |
| 13 | --> |
| 14 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 15 | |
| 16 | <!-- ==================== Header ==================== --> |
| 17 | <g id="header" data-pptx-bounds="240 30 800 65"> |
| 18 | <text x="640" y="58" text-anchor="middle" font-size="32" font-weight="800" fill="#0F172A"><tspan>Six-Dimension Wheel Framework</tspan></text> |
| 19 | <text x="640" y="86" text-anchor="middle" font-size="14" font-weight="600" fill="#64748B" letter-spacing="1.5"><tspan>ONE TOPIC · SIX PARALLEL ASPECTS · PAIRED DESCRIPTION CARDS</tspan></text> |
| 20 | </g> |
| 21 | |
| 22 | <!-- ==================== Central Wheel ==================== --> |
| 23 | <!-- cx=640, cy=400 ; standalone hub at r=70, six floating petal wedges r_in=100..r_out=180 with 3 deg angular gap between adjacent petals --> |
| 24 | <g id="wheel" data-pptx-bounds="460 220 360 360"> |
| 25 | <!-- Wedge A: -88.5 to -31.5 deg (upper-right area, mid -60) --> |
| 26 | <g id="wedge-a"> |
| 27 | <path d="M 642.62 300.03 L 644.71 220.06 A 180 180 0 0 1 793.48 305.95 L 725.26 347.75 A 100 100 0 0 0 642.62 300.03 Z" fill="#1D4ED8"/> |
| 28 | <text x="710" y="278" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 01</tspan></text> |
| 29 | <text x="710" y="296" text-anchor="middle" font-weight="500" fill="#DBEAFE"><tspan>Theme</tspan></text> |
| 30 | </g> |
| 31 | <!-- Wedge B: -28.5 to 28.5 deg (right, mid 0) --> |
| 32 | <g id="wedge-b"> |
| 33 | <path d="M 727.88 352.28 L 798.19 314.11 A 180 180 0 0 1 798.19 485.89 L 727.88 447.72 A 100 100 0 0 0 727.88 352.28 Z" fill="#3B82F6"/> |
| 34 | <text x="780" y="397" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 02</tspan></text> |
| 35 | <text x="780" y="415" text-anchor="middle" font-weight="500" fill="#DBEAFE"><tspan>Theme</tspan></text> |
| 36 | </g> |
| 37 | <!-- Wedge C: 31.5 to 88.5 deg (lower-right, mid 60) --> |
| 38 | <g id="wedge-c"> |
| 39 | <path d="M 725.26 452.25 L 793.48 494.05 A 180 180 0 0 1 644.71 579.94 L 642.62 499.97 A 100 100 0 0 0 725.26 452.25 Z" fill="#60A5FA"/> |
| 40 | <text x="710" y="512" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 03</tspan></text> |
| 41 | <text x="710" y="530" text-anchor="middle" font-weight="500" fill="#EFF6FF"><tspan>Theme</tspan></text> |
| 42 | </g> |
| 43 | <!-- Wedge D: 91.5 to 148.5 deg (lower-left, mid 120) --> |
| 44 | <g id="wedge-d"> |
| 45 | <path d="M 637.38 499.97 L 635.29 579.94 A 180 180 0 0 1 486.52 494.05 L 554.74 452.25 A 100 100 0 0 0 637.38 499.97 Z" fill="#60A5FA"/> |
| 46 | <text x="570" y="512" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 04</tspan></text> |
| 47 | <text x="570" y="530" text-anchor="middle" font-weight="500" fill="#EFF6FF"><tspan>Theme</tspan></text> |
| 48 | </g> |
| 49 | <!-- Wedge E: 151.5 to 208.5 deg (left, mid 180) --> |
| 50 | <g id="wedge-e"> |
| 51 | <path d="M 552.12 447.72 L 481.81 485.89 A 180 180 0 0 1 481.81 314.11 L 552.12 352.28 A 100 100 0 0 0 552.12 447.72 Z" fill="#3B82F6"/> |
| 52 | <text x="500" y="397" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 05</tspan></text> |
| 53 | <text x="500" y="415" text-anchor="middle" font-weight="500" fill="#DBEAFE"><tspan>Theme</tspan></text> |
| 54 | </g> |
| 55 | <!-- Wedge F: 211.5 to 268.5 deg (upper-left, mid -120) --> |
| 56 | <g id="wedge-f"> |
| 57 | <path d="M 554.74 347.75 L 486.52 305.95 A 180 180 0 0 1 635.29 220.06 L 637.38 300.03 A 100 100 0 0 0 554.74 347.75 Z" fill="#1D4ED8"/> |
| 58 | <text x="570" y="278" text-anchor="middle" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 06</tspan></text> |
| 59 | <text x="570" y="296" text-anchor="middle" font-weight="500" fill="#DBEAFE"><tspan>Theme</tspan></text> |
| 60 | </g> |
| 61 | |
| 62 | <!-- Central hub (standalone, 30px white moat separates it from the wedge ring) --> |
| 63 | <g id="hub"> |
| 64 | <circle cx="640" cy="400" r="70" fill="#1E40AF"/> |
| 65 | <text x="640" y="394" text-anchor="middle" font-size="18" font-weight="800" fill="#FFFFFF"><tspan>Core</tspan></text> |
| 66 | <text x="640" y="418" text-anchor="middle" font-size="18" font-weight="800" fill="#FFFFFF"><tspan>Topic</tspan></text> |
| 67 | </g> |
| 68 | </g> |
| 69 | |
| 70 | <!-- ==================== Connectors (dashed) ==================== --> |
| 71 | <g id="connectors" data-pptx-bounds="340 220 600 370"> |
| 72 | <!-- F -> top-left card (340, 175) ; outer-edge anchor at angle -120 deg, r=200 -> (540, 226.8) --> |
| 73 | <line x1="540" y1="226.8" x2="340" y2="175" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 74 | <circle cx="540" cy="226.8" r="6" fill="#FFFFFF" stroke="#1D4ED8" stroke-width="2"/> |
| 75 | <!-- E -> middle-left card (340, 400) ; anchor at 180 deg -> (440, 400) --> |
| 76 | <line x1="440" y1="400" x2="340" y2="400" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 77 | <circle cx="440" cy="400" r="6" fill="#FFFFFF" stroke="#3B82F6" stroke-width="2"/> |
| 78 | <!-- D -> bottom-left card (340, 585) ; anchor at 120 deg -> (540, 573.2) --> |
| 79 | <line x1="540" y1="573.2" x2="340" y2="585" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 80 | <circle cx="540" cy="573.2" r="6" fill="#FFFFFF" stroke="#60A5FA" stroke-width="2"/> |
| 81 | <!-- A -> top-right card (940, 175) ; anchor at -60 deg -> (740, 226.8) --> |
| 82 | <line x1="740" y1="226.8" x2="940" y2="175" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 83 | <circle cx="740" cy="226.8" r="6" fill="#FFFFFF" stroke="#1D4ED8" stroke-width="2"/> |
| 84 | <!-- B -> middle-right card (940, 400) ; anchor at 0 deg -> (840, 400) --> |
| 85 | <line x1="840" y1="400" x2="940" y2="400" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 86 | <circle cx="840" cy="400" r="6" fill="#FFFFFF" stroke="#3B82F6" stroke-width="2"/> |
| 87 | <!-- C -> bottom-right card (940, 585) ; anchor at 60 deg -> (740, 573.2) --> |
| 88 | <line x1="740" y1="573.2" x2="940" y2="585" stroke="#94A3B8" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 89 | <circle cx="740" cy="573.2" r="6" fill="#FFFFFF" stroke="#60A5FA" stroke-width="2"/> |
| 90 | </g> |
| 91 | |
| 92 | <!-- ==================== Description Cards ==================== --> |
| 93 | <!-- Card 1: top-left (paired with wedge F, Aspect 06) --> |
| 94 | <g id="card-01" data-pptx-bounds="60 120 280 120"> |
| 95 | <rect x="60" y="120" width="280" height="40" fill="#1D4ED8"/> |
| 96 | <text x="78" y="146" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 06 · Heading Goes Here</tspan></text> |
| 97 | <rect x="60" y="160" width="280" height="80" fill="#F8FAFC"/> |
| 98 | <text x="78" y="184" font-size="13" fill="#475569">Concise description line one explaining<tspan x="78" dy="20">what this dimension covers, with enough</tspan><tspan x="78" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 99 | </g> |
| 100 | |
| 101 | <!-- Card 2: middle-left (paired with wedge E, Aspect 05) --> |
| 102 | <g id="card-02" data-pptx-bounds="60 345 280 120"> |
| 103 | <rect x="60" y="345" width="280" height="40" fill="#3B82F6"/> |
| 104 | <text x="78" y="371" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 05 · Heading Goes Here</tspan></text> |
| 105 | <rect x="60" y="385" width="280" height="80" fill="#F8FAFC"/> |
| 106 | <text x="78" y="409" font-size="13" fill="#475569">Concise description line one explaining<tspan x="78" dy="20">what this dimension covers, with enough</tspan><tspan x="78" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 107 | </g> |
| 108 | |
| 109 | <!-- Card 3: bottom-left (paired with wedge D, Aspect 04) --> |
| 110 | <g id="card-03" data-pptx-bounds="60 530 280 120"> |
| 111 | <rect x="60" y="530" width="280" height="40" fill="#60A5FA"/> |
| 112 | <text x="78" y="556" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 04 · Heading Goes Here</tspan></text> |
| 113 | <rect x="60" y="570" width="280" height="80" fill="#F8FAFC"/> |
| 114 | <text x="78" y="594" font-size="13" fill="#475569">Concise description line one explaining<tspan x="78" dy="20">what this dimension covers, with enough</tspan><tspan x="78" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 115 | </g> |
| 116 | |
| 117 | <!-- Card 4: top-right (paired with wedge A, Aspect 01) --> |
| 118 | <g id="card-04" data-pptx-bounds="940 120 280 120"> |
| 119 | <rect x="940" y="120" width="280" height="40" fill="#1D4ED8"/> |
| 120 | <text x="958" y="146" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 01 · Heading Goes Here</tspan></text> |
| 121 | <rect x="940" y="160" width="280" height="80" fill="#F8FAFC"/> |
| 122 | <text x="958" y="184" font-size="13" fill="#475569">Concise description line one explaining<tspan x="958" dy="20">what this dimension covers, with enough</tspan><tspan x="958" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 123 | </g> |
| 124 | |
| 125 | <!-- Card 5: middle-right (paired with wedge B, Aspect 02) --> |
| 126 | <g id="card-05" data-pptx-bounds="940 345 280 120"> |
| 127 | <rect x="940" y="345" width="280" height="40" fill="#3B82F6"/> |
| 128 | <text x="958" y="371" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 02 · Heading Goes Here</tspan></text> |
| 129 | <rect x="940" y="385" width="280" height="80" fill="#F8FAFC"/> |
| 130 | <text x="958" y="409" font-size="13" fill="#475569">Concise description line one explaining<tspan x="958" dy="20">what this dimension covers, with enough</tspan><tspan x="958" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 131 | </g> |
| 132 | |
| 133 | <!-- Card 6: bottom-right (paired with wedge C, Aspect 03) --> |
| 134 | <g id="card-06" data-pptx-bounds="940 530 280 120"> |
| 135 | <rect x="940" y="530" width="280" height="40" fill="#60A5FA"/> |
| 136 | <text x="958" y="556" font-size="15" font-weight="700" fill="#FFFFFF"><tspan>Aspect 03 · Heading Goes Here</tspan></text> |
| 137 | <rect x="940" y="570" width="280" height="80" fill="#F8FAFC"/> |
| 138 | <text x="958" y="594" font-size="13" fill="#475569">Concise description line one explaining<tspan x="958" dy="20">what this dimension covers, with enough</tspan><tspan x="958" dy="20">detail to anchor the audience's reading.</tspan></text> |
| 139 | </g> |
| 140 | </svg> |
| 141 |