返回 ppt-master
sunburst_chart.svg
根目录 / skills / ppt-master / templates / charts / sunburst_chart.svg
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 Sunburst Chart Template
6 Purpose: Hierarchical part-to-whole composition across 2-3 levels
7 Use cases: portfolio mix, budget tree, customer segment hierarchy
8 Feature: Ring hierarchy, leaf legend, compact interpretation panel
9 -->
10
11 <rect width="1280" height="720" fill="#FFFFFF"/>
12 <g id="header" data-pptx-bounds="40 15 1200 125">
13 <text x="60" y="70"
14 font-size="34" font-weight="800" fill="#0F172A"><tspan>Revenue Mix by Segment</tspan></text>
15 <text x="60" y="100"
16 font-size="14" font-weight="700" fill="#64748B" letter-spacing="1"><tspan>2025 PORTFOLIO REVENUE · HIERARCHICAL SHARE VIEW</tspan></text>
17 </g>
18 <g id="sunburst_chart" data-pptx-bounds="155 72 690 616" data-pptx-replace-with="chart">
19 <metadata type="application/json">
20 {
21 "name": "sunburst_chart",
22 "x": 224,
23 "y": 104,
24 "width": 552,
25 "height": 552,
26 "type": "sunburst",
27 "levels": [
28 ["North America", "North America", "Europe", "Europe", "Asia Pacific"],
29 ["Enterprise", "SMB", "Enterprise", "SMB", "Digital"]
30 ],
31 "values": [35, 20, 25, 12, 8],
32 "style": {"colors": ["#2563EB", "#60A5FA", "#10B981", "#34D399", "#F59E0B"]}
33 }
34 </metadata>
35 <!-- chart-plot-area: sunburst | center: 500,380 | outer-radius: 240 | inner-radius: 72 -->
36 <g id="chartArea">
37 <circle cx="500" cy="380" r="276" fill="#FFFFFF"/>
38 <circle cx="500" cy="380" r="72" fill="#0F172A"/>
39 <text x="500" y="374"
40 font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>Total</tspan></text>
41 <text x="500" y="400"
42 font-size="15" font-weight="700" fill="#CBD5E1" text-anchor="middle"><tspan>100%</tspan></text>
43 <!-- Parent ring -->
44 <circle cx="500" cy="380" r="146" fill="none" stroke="#2563EB" stroke-width="82"
45 stroke-dasharray="504 917" stroke-dashoffset="0" transform="rotate(-90 500 380)"/>
46 <circle cx="500" cy="380" r="146" fill="none" stroke="#10B981" stroke-width="82"
47 stroke-dasharray="339 917" stroke-dashoffset="-520" transform="rotate(-90 500 380)"/>
48 <circle cx="500" cy="380" r="146" fill="none" stroke="#F59E0B" stroke-width="82"
49 stroke-dasharray="73 917" stroke-dashoffset="-875" transform="rotate(-90 500 380)"/>
50 <!-- Leaf ring -->
51 <circle cx="500" cy="380" r="238" fill="none" stroke="#2563EB" stroke-width="72"
52 stroke-dasharray="523 1495" stroke-dashoffset="0" transform="rotate(-90 500 380)"/>
53 <circle cx="500" cy="380" r="238" fill="none" stroke="#60A5FA" stroke-width="72"
54 stroke-dasharray="299 1495" stroke-dashoffset="-540" transform="rotate(-90 500 380)"/>
55 <circle cx="500" cy="380" r="238" fill="none" stroke="#10B981" stroke-width="72"
56 stroke-dasharray="374 1495" stroke-dashoffset="-855" transform="rotate(-90 500 380)"/>
57 <circle cx="500" cy="380" r="238" fill="none" stroke="#34D399" stroke-width="72"
58 stroke-dasharray="179 1495" stroke-dashoffset="-1245" transform="rotate(-90 500 380)"/>
59 <circle cx="500" cy="380" r="238" fill="none" stroke="#F59E0B" stroke-width="72"
60 stroke-dasharray="120 1495" stroke-dashoffset="-1440" transform="rotate(-90 500 380)"/>
61 <!-- White separators preserve the sunburst reading in fallback mode. -->
62 <circle cx="500" cy="380" r="104" fill="none" stroke="#FFFFFF" stroke-width="4"/>
63 <circle cx="500" cy="380" r="188" fill="none" stroke="#FFFFFF" stroke-width="4"/>
64 <circle cx="500" cy="380" r="276" fill="none" stroke="#FFFFFF" stroke-width="4"/>
65 <line x1="500" y1="104" x2="500" y2="184" stroke="#FFFFFF" stroke-width="4"/>
66 <line x1="654" y1="151" x2="610" y2="218" stroke="#FFFFFF" stroke-width="4"/>
67 <line x1="740" y1="519" x2="670" y2="480" stroke="#FFFFFF" stroke-width="4"/>
68 <line x1="325" y1="594" x2="375" y2="532" stroke="#FFFFFF" stroke-width="4"/>
69 <line x1="270" y1="228" x2="340" y2="268" stroke="#FFFFFF" stroke-width="4"/>
70 <text x="500" y="145"
71 font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>NA</tspan></text>
72 <text x="668" y="430"
73 font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>EU</tspan></text>
74 <text x="350" y="290"
75 font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>APAC</tspan></text>
76 </g>
77 </g>
78 <g id="legend" data-pptx-bounds="770 121 490 488" transform="translate(820, 150)">
79 <rect x="0" y="0" width="390" height="430" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
80 <text x="28" y="42"
81 font-size="18" font-weight="800" fill="#0F172A"><tspan>Leaf Segments</tspan></text>
82 <text x="28" y="66" font-size="13" font-weight="600" fill="#64748B">Outer ring values map to editable<tspan x="28" dy="17">native sunburst leaves.</tspan></text>
83 <rect x="28" y="105" width="16" height="16" rx="4" fill="#2563EB"/>
84 <text x="58" y="119" font-size="15" font-weight="700" fill="#334155"><tspan>North America - Enterprise</tspan></text>
85 <text x="340" y="119" font-size="15" font-weight="800" fill="#0F172A" text-anchor="end"><tspan>35</tspan></text>
86 <rect x="28" y="153" width="16" height="16" rx="4" fill="#60A5FA"/>
87 <text x="58" y="167" font-size="15" font-weight="700" fill="#334155"><tspan>North America - SMB</tspan></text>
88 <text x="340" y="167" font-size="15" font-weight="800" fill="#0F172A" text-anchor="end"><tspan>20</tspan></text>
89 <rect x="28" y="201" width="16" height="16" rx="4" fill="#10B981"/>
90 <text x="58" y="215" font-size="15" font-weight="700" fill="#334155"><tspan>Europe - Enterprise</tspan></text>
91 <text x="340" y="215" font-size="15" font-weight="800" fill="#0F172A" text-anchor="end"><tspan>25</tspan></text>
92 <rect x="28" y="249" width="16" height="16" rx="4" fill="#34D399"/>
93 <text x="58" y="263" font-size="15" font-weight="700" fill="#334155"><tspan>Europe - SMB</tspan></text>
94 <text x="340" y="263" font-size="15" font-weight="800" fill="#0F172A" text-anchor="end"><tspan>12</tspan></text>
95 <rect x="28" y="297" width="16" height="16" rx="4" fill="#F59E0B"/>
96 <text x="58" y="311" font-size="15" font-weight="700" fill="#334155"><tspan>Asia Pacific - Digital</tspan></text>
97 <text x="340" y="311" font-size="15" font-weight="800" fill="#0F172A" text-anchor="end"><tspan>8</tspan></text>
98 <rect x="28" y="355" width="330" height="46" rx="8" fill="#EFF6FF" stroke="#BFDBFE"/>
99 <text x="48" y="384"
100 font-size="14" font-weight="800" fill="#1D4ED8"><tspan>North America contributes 55% of total.</tspan></text>
101 </g>
102 <g id="source" data-pptx-bounds="40 665 1200 40">
103 <text x="60" y="690"
104 font-size="14" font-weight="600" fill="#94A3B8"><tspan>Data Source: Revenue Operations</tspan></text>
105 </g>
106 </svg>
107
107 lines Plain Text