| 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 | Column Chart Template |
| 6 | Usage: Category data comparison |
| 7 | Scenarios: Sales comparison, regional ranking, annual data comparison |
| 8 | Supports: 6 bars (adjustable to 3-8) |
| 9 | --> |
| 10 | <!-- Background --> |
| 11 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 12 | <!-- Title --> |
| 13 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 14 | <text x="60" y="80" |
| 15 | font-size="34" font-weight="bold" fill="#0F172A">Regional Sales Comparison</text> |
| 16 | <text x="60" y="115" |
| 17 | font-size="18" fill="#64748B">Q3 2025 · Unit: Millions</text> |
| 18 | </g> |
| 19 | <!-- Chart Area --> |
| 20 | <g id="column_chart" data-pptx-bounds="19 113 1244 499" data-pptx-replace-with="chart"> |
| 21 | <metadata type="application/json"> |
| 22 | { |
| 23 | "name": "column_chart", |
| 24 | "x": 125, |
| 25 | "y": 141, |
| 26 | "width": 1099.2, |
| 27 | "height": 443, |
| 28 | "type": "column", |
| 29 | "categories": ["East", "South", "North", "Southwest", "Central", "Northeast"], |
| 30 | "series": [ |
| 31 | {"name": "Sales", "values": [185, 142, 128, 96, 73, 52]} |
| 32 | ], |
| 33 | "style": {"colors": ["#3B82F6", "#10B981", "#F59E0B"]} |
| 34 | } |
| 35 | </metadata> |
| 36 | <g id="chartArea"> |
| 37 | <!-- Y-axis Grid Lines --> |
| 38 | <line x1="140" y1="550" x2="1160" y2="550" stroke="#E0E0E0" stroke-width="1" stroke-dasharray="4,4"/> |
| 39 | <line x1="140" y1="450" x2="1160" y2="450" stroke="#E0E0E0" stroke-width="1" stroke-dasharray="4,4"/> |
| 40 | <line x1="140" y1="350" x2="1160" y2="350" stroke="#E0E0E0" stroke-width="1" stroke-dasharray="4,4"/> |
| 41 | <line x1="140" y1="250" x2="1160" y2="250" stroke="#E0E0E0" stroke-width="1" stroke-dasharray="4,4"/> |
| 42 | <line x1="140" y1="150" x2="1160" y2="150" stroke="#E0E0E0" stroke-width="1" stroke-dasharray="4,4"/> |
| 43 | <!-- Y-axis Labels --> |
| 44 | <text x="125" y="555" |
| 45 | font-size="14" fill="#64748B" text-anchor="end">0</text> |
| 46 | <text x="125" y="455" |
| 47 | font-size="14" fill="#64748B" text-anchor="end">50</text> |
| 48 | <text x="125" y="355" |
| 49 | font-size="14" fill="#64748B" text-anchor="end">100</text> |
| 50 | <text x="125" y="255" |
| 51 | font-size="14" fill="#64748B" text-anchor="end">150</text> |
| 52 | <text x="125" y="155" |
| 53 | font-size="14" fill="#64748B" text-anchor="end">200</text> |
| 54 | <!-- X and Y axes --> |
| 55 | <line x1="140" y1="150" x2="140" y2="550" stroke="#94A3B8" stroke-width="2"/> |
| 56 | <line x1="140" y1="550" x2="1160" y2="550" stroke="#94A3B8" stroke-width="2"/> |
| 57 | <!-- chart-plot-area: 140,150,1160,550 --> |
| 58 | <!-- Bar Data (Bar width 50px, gap 130px, total gap 180px) --> |
| 59 | <!-- Bar 1: East - 185M (370px height, 100M=200px) --> |
| 60 | <g id="bar-1"> |
| 61 | <rect x="220" y="180" width="50" height="370" rx="4" fill="#2563EB"/> |
| 62 | <text x="245" y="165" |
| 63 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">185</text> |
| 64 | <text x="245" y="580" |
| 65 | font-size="16" fill="#475569" text-anchor="middle">East</text> |
| 66 | </g> |
| 67 | <!-- Bar 2: South - 142M --> |
| 68 | <g id="bar-2"> |
| 69 | <rect x="400" y="266" width="50" height="284" rx="4" fill="#2563EB"/> |
| 70 | <text x="425" y="251" |
| 71 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">142</text> |
| 72 | <text x="425" y="580" |
| 73 | font-size="16" fill="#475569" text-anchor="middle">South</text> |
| 74 | </g> |
| 75 | <!-- Bar 3: North - 128M --> |
| 76 | <g id="bar-3"> |
| 77 | <rect x="580" y="294" width="50" height="256" rx="4" fill="#2563EB"/> |
| 78 | <text x="605" y="279" |
| 79 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">128</text> |
| 80 | <text x="605" y="580" |
| 81 | font-size="16" fill="#475569" text-anchor="middle">North</text> |
| 82 | </g> |
| 83 | <!-- Bar 4: Southwest - 96M --> |
| 84 | <g id="bar-4"> |
| 85 | <rect x="760" y="358" width="50" height="192" rx="4" fill="#059669"/> |
| 86 | <text x="785" y="343" |
| 87 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">96</text> |
| 88 | <text x="785" y="580" |
| 89 | font-size="16" fill="#475569" text-anchor="middle">Southwest</text> |
| 90 | </g> |
| 91 | <!-- Bar 5: Central - 73M --> |
| 92 | <g id="bar-5"> |
| 93 | <rect x="940" y="404" width="50" height="146" rx="4" fill="#059669"/> |
| 94 | <text x="965" y="389" |
| 95 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">73</text> |
| 96 | <text x="965" y="580" |
| 97 | font-size="16" fill="#475569" text-anchor="middle">Central</text> |
| 98 | </g> |
| 99 | <!-- Bar 6: Northeast - 52M --> |
| 100 | <g id="bar-6"> |
| 101 | <rect x="1120" y="446" width="50" height="104" rx="4" fill="#D97706"/> |
| 102 | <text x="1145" y="431" |
| 103 | font-size="16" font-weight="600" fill="#0F172A" text-anchor="middle">52</text> |
| 104 | <text x="1145" y="580" |
| 105 | font-size="16" fill="#475569" text-anchor="middle">Northeast</text> |
| 106 | </g> |
| 107 | </g> |
| 108 | </g> |
| 109 | <!-- Legend --> |
| 110 | <g id="legend" data-pptx-bounds="892 612 264 81"> |
| 111 | <g id="legend-high"> |
| 112 | <rect x="920" y="620" width="16" height="16" rx="2" fill="#2563EB"/> |
| 113 | <text x="945" y="632" |
| 114 | font-size="14" fill="#475569">High Growth Region (>100M)</text> |
| 115 | </g> |
| 116 | <g id="legend-mid"> |
| 117 | <rect x="920" y="645" width="16" height="16" rx="2" fill="#059669"/> |
| 118 | <text x="945" y="657" |
| 119 | font-size="14" fill="#475569">Stable Region (50-100M)</text> |
| 120 | </g> |
| 121 | <g id="legend-low"> |
| 122 | <rect x="920" y="670" width="16" height="16" rx="2" fill="#D97706"/> |
| 123 | <text x="945" y="682" |
| 124 | font-size="14" fill="#475569">Potential Region (<50M)</text> |
| 125 | </g> |
| 126 | </g> |
| 127 | <!-- Data Source --> |
| 128 | <g id="source" data-pptx-bounds="40 670 1200 40"> |
| 129 | <text x="60" y="695" |
| 130 | font-size="14" fill="#94A3B8">Data Source: Sales Department Statistics</text> |
| 131 | </g> |
| 132 | </svg> |
| 133 |