返回 ppt-master
pie_chart.svg
根目录 / skills / ppt-master / templates / charts / pie_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 Pie Chart Template
6 Purpose: Distribution and proportion analysis
7 Use cases: Market share, budget allocation, demographic breakdown
8 Supports: 5 segments (Recommended 3-6)
9 Convention: slices start at 12 o'clock and proceed clockwise
10 -->
11 <!-- Background -->
12 <rect width="1280" height="720" fill="#FFFFFF"/>
13 <!-- Title Area -->
14 <g id="header" data-pptx-bounds="40 15 1200 125">
15 <text x="60" y="80"
16 font-size="32" font-weight="800" fill="#0F172A">Market Share Distribution</text>
17 <text x="60" y="115"
18 font-size="14" font-weight="700" fill="#64748B" letter-spacing="1.5">Q3 2025 · TOTAL INDUSTRY MARKET SIZE: $12B</text>
19 </g>
20 <g id="pie_chart" data-pptx-bounds="169 121 502 509" data-pptx-replace-with="chart">
21 <metadata type="application/json">
22 {
23 "name": "pie_chart",
24 "x": 229.79,
25 "y": 149,
26 "width": 352.01,
27 "height": 412.8,
28 "type": "pie",
29 "categories": ["Competitor A", "Competitor B", "Competitor C", "Competitor D", "Others"],
30 "series": [
31 {"name": "Market Share", "values": [35, 25, 20, 12, 8]}
32 ],
33 "style": {"colors": ["#3B82F6", "#10B981", "#F59E0B", "#8B5CF6", "#94A3B8"]}
34 }
35 </metadata>
36 <!-- chart-plot-area: pie | center: 420,400 | radius: 200 -->
37 <!-- ==================== Pie Chart Graphic ==================== -->
38 <g id="pieChart" transform="translate(420, 400)">
39 <!--
40 Center: (420, 400)
41 Radius: 200px
42 Start Angle: -90° (12 o'clock)
43 Direction: Clockwise
44 White stroke keeps adjacent slices visually distinct
45 -->
46 <!-- Segment 1: Competitor A 35% (-90° to 36°) -->
47 <path d="M 0,0 L 0,-200 A 200,200 0 0,1 161.80,117.56 Z"
48 fill="#3B82F6" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/>
49 <!-- Segment 2: Competitor B 25% (36° to 126°) -->
50 <path d="M 0,0 L 161.80,117.56 A 200,200 0 0,1 -117.56,161.80 Z"
51 fill="#10B981" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/>
52 <!-- Segment 3: Competitor C 20% (126° to 198°) -->
53 <path d="M 0,0 L -117.56,161.80 A 200,200 0 0,1 -190.21,-61.80 Z"
54 fill="#F59E0B" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/>
55 <!-- Segment 4: Competitor D 12% (198° to 241.2°) -->
56 <path d="M 0,0 L -190.21,-61.80 A 200,200 0 0,1 -96.35,-175.26 Z"
57 fill="#8B5CF6" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/>
58 <!-- Segment 5: Others 8% (241.2° to 270°) -->
59 <path d="M 0,0 L -96.35,-175.26 A 200,200 0 0,1 0,-200 Z"
60 fill="#94A3B8" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/>
61 </g>
62 <!-- ==================== Pie Chart Labels ==================== -->
63 <!-- Label 1: Competitor A 35% -->
64 <text x="500" y="320"
65 font-size="24" font-weight="800" fill="#FFFFFF" text-anchor="middle">35%</text>
66 <!-- Label 2: Competitor B 25% -->
67 <text x="450" y="520"
68 font-size="22" font-weight="800" fill="#FFFFFF" text-anchor="middle">25%</text>
69 <!-- Label 3: Competitor C 20% -->
70 <text x="280" y="480"
71 font-size="20" font-weight="800" fill="#FFFFFF" text-anchor="middle">20%</text>
72 <!-- Label 4: Competitor D 12% -->
73 <text x="280" y="320"
74 font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle">12%</text>
75 <!-- Label 5: Others 8% (Callout Line) -->
76 <g>
77 <line x1="380" y1="220" x2="330" y2="170" stroke="#94A3B8" stroke-width="2"/>
78 <circle cx="380" cy="220" r="5" fill="#FFFFFF" stroke="#94A3B8" stroke-width="2"/>
79 <text x="320" y="165"
80 font-size="16" font-weight="800" fill="#64748B" text-anchor="end">8%</text>
81 </g>
82 </g>
83 <!-- ==================== Data Table Legend ==================== -->
84 <g id="legend" data-pptx-bounds="637 134 626 432" transform="translate(720, 200)">
85 <!-- Card Background -->
86 <rect x="-20" y="-40" width="500" height="380" rx="12" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1.5"/>
87 <!-- Table Header -->
88 <text x="20" y="0" font-size="18" font-weight="800" fill="#0F172A">Market Share</text>
89 <text x="440" y="0" font-size="13" font-weight="700" fill="#64748B" text-anchor="end">Value (Mil)</text>
90 <line x1="20" y1="15" x2="440" y2="15" stroke="#CBD5E1" stroke-width="1.5"/>
91 <!-- Item 1: Competitor A -->
92 <rect x="20" y="35" width="16" height="16" rx="4" fill="#3B82F6"/>
93 <text x="50" y="48" font-size="16" font-weight="700" fill="#1E293B">Competitor A</text>
94 <text x="440" y="48" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">$4.2B <tspan fill="#64748B" font-size="14" font-weight="600">(35%)</tspan></text>
95 <line x1="20" y1="65" x2="440" y2="65" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4 4"/>
96 <!-- Item 2: Competitor B -->
97 <rect x="20" y="85" width="16" height="16" rx="4" fill="#10B981"/>
98 <text x="50" y="98" font-size="16" font-weight="700" fill="#1E293B">Competitor B</text>
99 <text x="440" y="98" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">$3.0B <tspan fill="#64748B" font-size="14" font-weight="600">(25%)</tspan></text>
100 <line x1="20" y1="115" x2="440" y2="115" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4 4"/>
101 <!-- Item 3: Competitor C -->
102 <rect x="20" y="135" width="16" height="16" rx="4" fill="#F59E0B"/>
103 <text x="50" y="148" font-size="16" font-weight="700" fill="#1E293B">Competitor C</text>
104 <text x="440" y="148" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">$2.4B <tspan fill="#64748B" font-size="14" font-weight="600">(20%)</tspan></text>
105 <line x1="20" y1="165" x2="440" y2="165" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4 4"/>
106 <!-- Item 4: Competitor D -->
107 <rect x="20" y="185" width="16" height="16" rx="4" fill="#8B5CF6"/>
108 <text x="50" y="198" font-size="16" font-weight="700" fill="#1E293B">Competitor D</text>
109 <text x="440" y="198" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">$1.44B <tspan fill="#64748B" font-size="14" font-weight="600">(12%)</tspan></text>
110 <line x1="20" y1="215" x2="440" y2="215" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4 4"/>
111 <!-- Item 5: Others -->
112 <rect x="20" y="235" width="16" height="16" rx="4" fill="#94A3B8"/>
113 <text x="50" y="248" font-size="16" font-weight="700" fill="#1E293B">Others</text>
114 <text x="440" y="248" font-size="16" font-weight="800" fill="#0F172A" text-anchor="end">$0.96B <tspan fill="#64748B" font-size="14" font-weight="600">(8%)</tspan></text>
115 <line x1="20" y1="275" x2="440" y2="275" stroke="#CBD5E1" stroke-width="1.5"/>
116 <!-- Total Row -->
117 <text x="20" y="305" font-size="18" font-weight="800" fill="#0F172A">Total Market Size</text>
118 <text x="440" y="305" font-size="20" font-weight="800" fill="#0F172A" text-anchor="end">$12.0B <tspan fill="#64748B" font-size="16" font-weight="700">(100%)</tspan></text>
119 </g>
120 <!-- Data Source -->
121 <g id="source" data-pptx-bounds="40 661 1200 39">
122 <text x="60" y="685"
123 font-size="13" font-weight="500" fill="#94A3B8">Source: Industry Research Report</text>
124 </g>
125 </svg>
126
126 lines Plain Text