| 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 | Radar Chart with Data Dashboard Template |
| 6 | Purpose: Multi-dimensional capability assessment, competitor benchmarking |
| 7 | Use cases: Product evaluation, performance reviews, feature comparisons |
| 8 | Supports: 6 dimensions, 2 comparison entities, integrated data table |
| 9 | --> |
| 10 | <defs> |
| 11 | <!-- Product A Gradient (Indigo) --> |
| 12 | <linearGradient id="gradProdA" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 13 | <stop offset="0%" stop-color="#4F46E5" stop-opacity="0.65" /> |
| 14 | <stop offset="100%" stop-color="#4338CA" stop-opacity="0.25" /> |
| 15 | </linearGradient> |
| 16 | <!-- Product B Gradient (Rose) --> |
| 17 | <linearGradient id="gradProdB" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 18 | <stop offset="0%" stop-color="#F43F5E" stop-opacity="0.65" /> |
| 19 | <stop offset="100%" stop-color="#BE123C" stop-opacity="0.25" /> |
| 20 | </linearGradient> |
| 21 | </defs> |
| 22 | <!-- Background --> |
| 23 | <rect width="1280" height="720" fill="#F8FAFC"/> |
| 24 | <!-- ==================== Header ==================== --> |
| 25 | <g id="header" data-pptx-bounds="60 35 720 75"> |
| 26 | <text x="60" y="70" font-size="32" font-weight="800" fill="#0F172A">Comprehensive Capability Assessment</text> |
| 27 | <text x="60" y="100" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">PRODUCT A VS PRODUCT B · SIX-DIMENSIONAL ANALYSIS</text> |
| 28 | </g> |
| 29 | <g id="radar_chart" data-pptx-bounds="200 124 590 517" data-pptx-replace-with="chart"> |
| 30 | <metadata type="application/json"> |
| 31 | { |
| 32 | "name": "radar_chart", |
| 33 | "x": 290, |
| 34 | "y": 124, |
| 35 | "width": 499.2, |
| 36 | "height": 515, |
| 37 | "type": "radarFilled", |
| 38 | "categories": ["Performance", "Security", "Usability", "Pricing", "Support", "Innovation"], |
| 39 | "series": [ |
| 40 | {"name": "Product A", "values": [90, 85, 75, 70, 80, 88]}, |
| 41 | {"name": "Product B", "values": [75, 90, 85, 80, 70, 65]} |
| 42 | ], |
| 43 | "style": {"colors": ["#4F46E5", "#F43F5E"]} |
| 44 | } |
| 45 | </metadata> |
| 46 | <!-- chart-plot-area: radar | center: 500,380 | radius: 220 --> |
| 47 | <!-- ==================== Radar Chart ==================== --> |
| 48 | <g id="radarChart" transform="translate(500, 380)"> |
| 49 | <!-- Concentric Background Grids (Zebra filled for contrast) --> |
| 50 | <polygon points="0,-220 190.5,-110 190.5,110 0,220 -190.5,110 -190.5,-110" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 51 | <polygon points="0,-176 152.4,-88 152.4,88 0,176 -152.4,88 -152.4,-88" fill="#F1F5F9" stroke="#E2E8F0" stroke-width="1.5"/> |
| 52 | <polygon points="0,-132 114.3,-66 114.3,66 0,132 -114.3,66 -114.3,-66" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 53 | <polygon points="0,-88 76.2,-44 76.2,44 0,88 -76.2,44 -76.2,-44" fill="#F1F5F9" stroke="#E2E8F0" stroke-width="1.5"/> |
| 54 | <polygon points="0,-44 38.1,-22 38.1,22 0,44 -38.1,22 -38.1,-22" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 55 | <!-- Axis Lines --> |
| 56 | <line x1="0" y1="0" x2="0" y2="-220" stroke="#CBD5E1" stroke-width="1.5"/> |
| 57 | <line x1="0" y1="0" x2="190.5" y2="-110" stroke="#CBD5E1" stroke-width="1.5"/> |
| 58 | <line x1="0" y1="0" x2="190.5" y2="110" stroke="#CBD5E1" stroke-width="1.5"/> |
| 59 | <line x1="0" y1="0" x2="0" y2="220" stroke="#CBD5E1" stroke-width="1.5"/> |
| 60 | <line x1="0" y1="0" x2="-190.5" y2="110" stroke="#CBD5E1" stroke-width="1.5"/> |
| 61 | <line x1="0" y1="0" x2="-190.5" y2="-110" stroke="#CBD5E1" stroke-width="1.5"/> |
| 62 | <!-- Axis Scale Markers --> |
| 63 | <text x="6" y="-40" font-weight="700" fill="#94A3B8">20</text> |
| 64 | <text x="6" y="-84" font-weight="700" fill="#94A3B8">40</text> |
| 65 | <text x="6" y="-128" font-weight="700" fill="#94A3B8">60</text> |
| 66 | <text x="6" y="-172" font-weight="700" fill="#94A3B8">80</text> |
| 67 | <text x="6" y="-216" font-weight="700" fill="#94A3B8">100</text> |
| 68 | <!-- Product B Area (Drawn first to sit behind Product A) --> |
| 69 | <polygon points="0,-165 171.5,-99 161.9,93.5 0,176 -133.4,77 -123.8,-71.5" fill="url(#gradProdB)" stroke="#F43F5E" stroke-width="3"/> |
| 70 | <circle cx="0" cy="-165" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 71 | <circle cx="171.5" cy="-99" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 72 | <circle cx="161.9" cy="93.5" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 73 | <circle cx="0" cy="176" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 74 | <circle cx="-133.4" cy="77" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 75 | <circle cx="-123.8" cy="-71.5" r="5" fill="#FFFFFF" stroke="#F43F5E" stroke-width="2.5"/> |
| 76 | <!-- Product A Area --> |
| 77 | <polygon points="0,-198 162,-93.5 143,82.5 0,154 -152.4,88 -167.7,-96.8" fill="url(#gradProdA)" stroke="#4F46E5" stroke-width="3"/> |
| 78 | <circle cx="0" cy="-198" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 79 | <circle cx="162" cy="-93.5" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 80 | <circle cx="143" cy="82.5" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 81 | <circle cx="0" cy="154" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 82 | <circle cx="-152.4" cy="88" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 83 | <circle cx="-167.7" cy="-96.8" r="5" fill="#FFFFFF" stroke="#4F46E5" stroke-width="2.5"/> |
| 84 | <!-- Dimension Labels --> |
| 85 | <text x="0" y="-240" font-size="16" font-weight="800" fill="#0F172A" text-anchor="middle">Performance</text> |
| 86 | <text x="210" y="-115" font-size="16" font-weight="800" fill="#0F172A" text-anchor="start">Security</text> |
| 87 | <text x="210" y="125" font-size="16" font-weight="800" fill="#0F172A" text-anchor="start">Usability</text> |
| 88 | <text x="0" y="255" font-size="16" font-weight="800" fill="#0F172A" text-anchor="middle">Pricing</text> |
| 89 | <text x="-210" y="125" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">Support</text> |
| 90 | <text x="-210" y="-115" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">Innovation</text> |
| 91 | </g> |
| 92 | </g> |
| 93 | <!-- ==================== Data Dashboard Table ==================== --> |
| 94 | <g id="dataDashboard" data-pptx-bounds="850 150 380 390"> |
| 95 | <rect x="850" y="150" width="380" height="390" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 96 | <!-- Table Title --> |
| 97 | <text x="880" y="195" font-size="18" font-weight="800" fill="#0F172A">Competitor Benchmark</text> |
| 98 | <!-- Table Headers & Legend --> |
| 99 | <line x1="850" y1="210" x2="1230" y2="210" stroke="#E2E8F0" stroke-width="1.5"/> |
| 100 | <text x="880" y="235" font-weight="800" fill="#64748B" letter-spacing="1">METRIC</text> |
| 101 | <rect x="980" y="225" width="12" height="12" rx="3" fill="#4F46E5"/> |
| 102 | <text x="998" y="235" font-size="13" font-weight="800" fill="#0F172A">PROD A</text> |
| 103 | <rect x="1065" y="225" width="12" height="12" rx="3" fill="#F43F5E"/> |
| 104 | <text x="1083" y="235" font-size="13" font-weight="800" fill="#0F172A">PROD B</text> |
| 105 | <text x="1160" y="235" font-weight="800" fill="#64748B" letter-spacing="1">LEAD</text> |
| 106 | <line x1="850" y1="250" x2="1230" y2="250" stroke="#E2E8F0" stroke-width="1"/> |
| 107 | <!-- Row 1: Performance --> |
| 108 | <text x="880" y="285" font-size="14" font-weight="700" fill="#0F172A">Performance</text> |
| 109 | <text x="998" y="285" font-size="14" font-weight="800" fill="#312E81">90%</text> |
| 110 | <text x="1083" y="285" font-size="14" font-weight="600" fill="#64748B">75%</text> |
| 111 | <rect x="1155" y="268" width="36" height="24" rx="12" fill="#E0E7FF"/> |
| 112 | <text x="1173" y="285" font-size="13" font-weight="800" fill="#4338CA" text-anchor="middle">A</text> |
| 113 | <line x1="880" y1="300" x2="1200" y2="300" stroke="#F1F5F9" stroke-width="1"/> |
| 114 | <!-- Row 2: Security --> |
| 115 | <text x="880" y="330" font-size="14" font-weight="700" fill="#0F172A">Security</text> |
| 116 | <text x="998" y="330" font-size="14" font-weight="600" fill="#64748B">85%</text> |
| 117 | <text x="1083" y="330" font-size="14" font-weight="800" fill="#881337">90%</text> |
| 118 | <rect x="1155" y="313" width="36" height="24" rx="12" fill="#FFE4E6"/> |
| 119 | <text x="1173" y="330" font-size="13" font-weight="800" fill="#BE123C" text-anchor="middle">B</text> |
| 120 | <line x1="880" y1="345" x2="1200" y2="345" stroke="#F1F5F9" stroke-width="1"/> |
| 121 | <!-- Row 3: Usability --> |
| 122 | <text x="880" y="375" font-size="14" font-weight="700" fill="#0F172A">Usability</text> |
| 123 | <text x="998" y="375" font-size="14" font-weight="600" fill="#64748B">75%</text> |
| 124 | <text x="1083" y="375" font-size="14" font-weight="800" fill="#881337">85%</text> |
| 125 | <rect x="1155" y="358" width="36" height="24" rx="12" fill="#FFE4E6"/> |
| 126 | <text x="1173" y="375" font-size="13" font-weight="800" fill="#BE123C" text-anchor="middle">B</text> |
| 127 | <line x1="880" y1="390" x2="1200" y2="390" stroke="#F1F5F9" stroke-width="1"/> |
| 128 | <!-- Row 4: Pricing --> |
| 129 | <text x="880" y="420" font-size="14" font-weight="700" fill="#0F172A">Pricing</text> |
| 130 | <text x="998" y="420" font-size="14" font-weight="600" fill="#64748B">70%</text> |
| 131 | <text x="1083" y="420" font-size="14" font-weight="800" fill="#881337">80%</text> |
| 132 | <rect x="1155" y="403" width="36" height="24" rx="12" fill="#FFE4E6"/> |
| 133 | <text x="1173" y="420" font-size="13" font-weight="800" fill="#BE123C" text-anchor="middle">B</text> |
| 134 | <line x1="880" y1="435" x2="1200" y2="435" stroke="#F1F5F9" stroke-width="1"/> |
| 135 | <!-- Row 5: Support --> |
| 136 | <text x="880" y="465" font-size="14" font-weight="700" fill="#0F172A">Support</text> |
| 137 | <text x="998" y="465" font-size="14" font-weight="800" fill="#312E81">80%</text> |
| 138 | <text x="1083" y="465" font-size="14" font-weight="600" fill="#64748B">70%</text> |
| 139 | <rect x="1155" y="448" width="36" height="24" rx="12" fill="#E0E7FF"/> |
| 140 | <text x="1173" y="465" font-size="13" font-weight="800" fill="#4338CA" text-anchor="middle">A</text> |
| 141 | <line x1="880" y1="480" x2="1200" y2="480" stroke="#F1F5F9" stroke-width="1"/> |
| 142 | <!-- Row 6: Innovation --> |
| 143 | <text x="880" y="510" font-size="14" font-weight="700" fill="#0F172A">Innovation</text> |
| 144 | <text x="998" y="510" font-size="14" font-weight="800" fill="#312E81">88%</text> |
| 145 | <text x="1083" y="510" font-size="14" font-weight="600" fill="#64748B">65%</text> |
| 146 | <rect x="1155" y="493" width="36" height="24" rx="12" fill="#E0E7FF"/> |
| 147 | <text x="1173" y="510" font-size="13" font-weight="800" fill="#4338CA" text-anchor="middle">A</text> |
| 148 | </g> |
| 149 | <!-- ==================== Footer ==================== --> |
| 150 | <g id="source" data-pptx-bounds="60 665 340 25"> |
| 151 | <text x="60" y="685" font-size="13" font-weight="600" fill="#94A3B8">Data Source: Product Evaluation Report 2025</text> |
| 152 | </g> |
| 153 | </svg> |
| 154 |