| 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 | Horizontal Bar Chart Template |
| 6 | Usage: Category ranking, value comparison (ideal for long category names) |
| 7 | Scenarios: Sales leaderboards, brand awareness, satisfaction scores |
| 8 | Supports: 8 bars (adjustable to 5-12) |
| 9 | --> |
| 10 | <!-- Background --> |
| 11 | <rect width="1280" height="720" fill="#F8FAFC"/> |
| 12 | <!-- Title --> |
| 13 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 14 | <text x="60" y="70" |
| 15 | font-size="32" font-weight="700" fill="#0F172A">Brand Awareness Rankings</text> |
| 16 | <text x="60" y="105" |
| 17 | font-size="18" fill="#64748B">2025 Consumer Survey Report · Sample Size N=5,000</text> |
| 18 | </g> |
| 19 | <!-- Chart Area --> |
| 20 | <g id="horizontal_bar_chart" data-pptx-bounds="0 108 1280 577" data-pptx-replace-with="chart"> |
| 21 | <metadata type="application/json"> |
| 22 | { |
| 23 | "name": "horizontal_bar_chart", |
| 24 | "x": 290, |
| 25 | "y": 140, |
| 26 | "width": 940.8, |
| 27 | "height": 513.5, |
| 28 | "type": "bar", |
| 29 | "categories": [ |
| 30 | "Brand A (Market Leader)", |
| 31 | "Brand B (Emerging Challenger)", |
| 32 | "Brand C (Legacy Brand)", |
| 33 | "Brand D (Regional Player)", |
| 34 | "Brand E (Value Choice)", |
| 35 | "Brand F (Premium Tier)", |
| 36 | "Brand G (New Entrant)", |
| 37 | "Other Brands" |
| 38 | ], |
| 39 | "series": [ |
| 40 | {"name": "Awareness", "values": [92, 78, 65, 52, 45, 38, 25, 12]} |
| 41 | ], |
| 42 | "style": {"colors": ["#3B82F6", "#10B981", "#F59E0B"]} |
| 43 | } |
| 44 | </metadata> |
| 45 | <g id="chartArea"> |
| 46 | <!-- X-Axis Grid Lines --> |
| 47 | <line x1="300" y1="140" x2="300" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 48 | <line x1="480" y1="140" x2="480" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 49 | <line x1="660" y1="140" x2="660" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 50 | <line x1="840" y1="140" x2="840" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 51 | <line x1="1020" y1="140" x2="1020" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 52 | <line x1="1200" y1="140" x2="1200" y2="620" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/> |
| 53 | <!-- X-Axis Tick Labels --> |
| 54 | <text x="300" y="650" |
| 55 | font-size="14" fill="#64748B" text-anchor="middle">0%</text> |
| 56 | <text x="480" y="650" |
| 57 | font-size="14" fill="#64748B" text-anchor="middle">20%</text> |
| 58 | <text x="660" y="650" |
| 59 | font-size="14" fill="#64748B" text-anchor="middle">40%</text> |
| 60 | <text x="840" y="650" |
| 61 | font-size="14" fill="#64748B" text-anchor="middle">60%</text> |
| 62 | <text x="1020" y="650" |
| 63 | font-size="14" fill="#64748B" text-anchor="middle">80%</text> |
| 64 | <text x="1200" y="650" |
| 65 | font-size="14" fill="#64748B" text-anchor="middle">100%</text> |
| 66 | <!-- Y-Axis Baseline --> |
| 67 | <line x1="300" y1="140" x2="300" y2="620" stroke="#94A3B8" stroke-width="2"/> |
| 68 | <line x1="300" y1="620" x2="1200" y2="620" stroke="#94A3B8" stroke-width="2"/> |
| 69 | <!-- chart-plot-area: 300,140,1200,620 --> |
| 70 | <!-- Bar Data (Height 36px, Spacing 24px, Total 60px) --> |
| 71 | <!-- Bar 1: Brand A - 92% (Rank 1, Blue) --> |
| 72 | <text x="290" y="178" |
| 73 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand A (Market Leader)</text> |
| 74 | <rect x="300" y="155" width="828" height="36" rx="4" fill="#2563EB"/> |
| 75 | <text x="1138" y="179" |
| 76 | font-size="16" font-weight="700" fill="#0F172A">92%</text> |
| 77 | <!-- Bar 2: Brand B - 78% (Rank 2, Blue) --> |
| 78 | <text x="290" y="238" |
| 79 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand B (Emerging Challenger)</text> |
| 80 | <rect x="300" y="215" width="702" height="36" rx="4" fill="#2563EB"/> |
| 81 | <text x="1012" y="239" |
| 82 | font-size="16" font-weight="700" fill="#0F172A">78%</text> |
| 83 | <!-- Bar 3: Brand C - 65% (Rank 3, Blue) --> |
| 84 | <text x="290" y="298" |
| 85 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand C (Legacy Brand)</text> |
| 86 | <rect x="300" y="275" width="585" height="36" rx="4" fill="#2563EB"/> |
| 87 | <text x="895" y="299" |
| 88 | font-size="16" font-weight="700" fill="#0F172A">65%</text> |
| 89 | <!-- Bar 4: Brand D - 52% (Rank 4, Green) --> |
| 90 | <text x="290" y="358" |
| 91 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand D (Regional Player)</text> |
| 92 | <rect x="300" y="335" width="468" height="36" rx="4" fill="#059669"/> |
| 93 | <text x="778" y="359" |
| 94 | font-size="16" font-weight="700" fill="#0F172A">52%</text> |
| 95 | <!-- Bar 5: Brand E - 45% (Rank 5, Green) --> |
| 96 | <text x="290" y="418" |
| 97 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand E (Value Choice)</text> |
| 98 | <rect x="300" y="395" width="405" height="36" rx="4" fill="#059669"/> |
| 99 | <text x="715" y="419" |
| 100 | font-size="16" font-weight="700" fill="#0F172A">45%</text> |
| 101 | <!-- Bar 6: Brand F - 38% (Rank 6, Green) --> |
| 102 | <text x="290" y="478" |
| 103 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand F (Premium Tier)</text> |
| 104 | <rect x="300" y="455" width="342" height="36" rx="4" fill="#059669"/> |
| 105 | <text x="652" y="479" |
| 106 | font-size="16" font-weight="700" fill="#0F172A">38%</text> |
| 107 | <!-- Bar 7: Brand G - 25% (Rank 7, Amber) --> |
| 108 | <text x="290" y="538" |
| 109 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Brand G (New Entrant)</text> |
| 110 | <rect x="300" y="515" width="225" height="36" rx="4" fill="#D97706"/> |
| 111 | <text x="535" y="539" |
| 112 | font-size="16" font-weight="700" fill="#0F172A">25%</text> |
| 113 | <!-- Bar 8: Other - 12% (Rank 8, Amber) --> |
| 114 | <text x="290" y="598" |
| 115 | font-size="15" font-weight="500" fill="#475569" text-anchor="end">Other Brands</text> |
| 116 | <rect x="300" y="575" width="108" height="36" rx="4" fill="#D97706"/> |
| 117 | <text x="418" y="599" |
| 118 | font-size="16" font-weight="700" fill="#0F172A">12%</text> |
| 119 | </g> |
| 120 | </g> |
| 121 | <!-- Legend --> |
| 122 | <g id="legend" data-pptx-bounds="0 653 772 30"> |
| 123 | <rect x="60" y="660" width="16" height="16" rx="2" fill="#2563EB"/> |
| 124 | <text x="85" y="673" |
| 125 | font-size="14" fill="#64748B">High Awareness (≥50%)</text> |
| 126 | <rect x="270" y="660" width="16" height="16" rx="2" fill="#059669"/> |
| 127 | <text x="295" y="673" |
| 128 | font-size="14" fill="#64748B">Moderate Awareness (30-50%)</text> |
| 129 | <rect x="520" y="660" width="16" height="16" rx="2" fill="#D97706"/> |
| 130 | <text x="545" y="673" |
| 131 | font-size="14" fill="#64748B">Low Awareness (<30%)</text> |
| 132 | </g> |
| 133 | <!-- Data Source --> |
| 134 | <g id="source" data-pptx-bounds="40 670 1200 40"> |
| 135 | <text x="1220" y="695" |
| 136 | font-size="14" fill="#94A3B8" text-anchor="end">Source: Market Research Department</text> |
| 137 | </g> |
| 138 | </svg> |
| 139 |