返回 ppt-master
waterfall_chart.svg
根目录 / skills / ppt-master / templates / charts / waterfall_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 Waterfall Chart Template
6 Purpose: Variance analysis, financial breakdown
7 Use cases: Profit bridges, budget variance, revenue decomposition
8 Feature: Mathematically connected pillars, semantic increase/decrease colors, dashboard summary
9 -->
10 <!-- Background -->
11 <rect width="1280" height="720" fill="#FAFBFC"/>
12 <!-- ==================== Header ==================== -->
13 <g id="header" data-pptx-bounds="40 15 1200 125">
14 <text x="60" y="70" font-size="32" font-weight="800" fill="#0F172A">Annual Profit Waterfall Analysis</text>
15 <text x="60" y="100" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">2024 VS 2025 · IN MILLIONS (USD)</text>
16 </g>
17 <!-- ==================== Legend ==================== -->
18 <g id="legend" data-pptx-bounds="816 53 428 54" transform="translate(860, 60)">
19 <rect x="0" y="0" width="340" height="40" rx="20" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
20 <circle cx="30" cy="20" r="6" fill="#1E293B"/>
21 <text x="44" y="25" font-size="14" font-weight="700" fill="#475569">Start / End</text>
22 <circle cx="140" cy="20" r="6" fill="#10B981"/>
23 <text x="154" y="25" font-size="14" font-weight="700" fill="#475569">Increase</text>
24 <circle cx="240" cy="20" r="6" fill="#F43F5E"/>
25 <text x="254" y="25" font-size="14" font-weight="700" fill="#475569">Decrease</text>
26 </g>
27 <!-- ==================== Chart Area ==================== -->
28 <g id="waterfall_chart" data-pptx-bounds="14 98 1266 547" data-pptx-replace-with="chart">
29 <metadata type="application/json">
30 {
31 "name": "waterfall_chart",
32 "x": 120,
33 "y": 130,
34 "width": 1080,
35 "height": 483.25,
36 "type": "waterfall",
37 "categories": ["2024 Profit", "Revenue Growth", "New Products", "Material Costs", "Labor Costs", "Marketing Spend", "Ops Efficiency", "2025 Profit"],
38 "values": [280, 120, 65, -45, -35, -25, 40, 400],
39 "subtotals": [0, 7],
40 "style": {"colors": ["#1E293B", "#10B981", "#F43F5E"]}
41 }
42 </metadata>
43 <g id="chartArea">
44 <!-- Y-Axis Grid Lines (Spacing = 80px per 100M) -->
45 <line x1="140" y1="560" x2="1200" y2="560" stroke="#E2E8F0" stroke-width="2"/>
46 <line x1="140" y1="480" x2="1200" y2="480" stroke="#F1F5F9" stroke-width="2" stroke-dasharray="6,6"/>
47 <line x1="140" y1="400" x2="1200" y2="400" stroke="#F1F5F9" stroke-width="2" stroke-dasharray="6,6"/>
48 <line x1="140" y1="320" x2="1200" y2="320" stroke="#F1F5F9" stroke-width="2" stroke-dasharray="6,6"/>
49 <line x1="140" y1="240" x2="1200" y2="240" stroke="#F1F5F9" stroke-width="2" stroke-dasharray="6,6"/>
50 <line x1="140" y1="160" x2="1200" y2="160" stroke="#F1F5F9" stroke-width="2" stroke-dasharray="6,6"/>
51 <!-- Y-Axis Labels -->
52 <text x="120" y="565" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">0</text>
53 <text x="120" y="485" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">100</text>
54 <text x="120" y="405" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">200</text>
55 <text x="120" y="325" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">300</text>
56 <text x="120" y="245" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">400</text>
57 <text x="120" y="165" font-size="14" font-weight="600" fill="#94A3B8" text-anchor="end">500</text>
58 <!-- Y-Axis Vertical Line -->
59 <line x1="140" y1="130" x2="140" y2="560" stroke="#CBD5E1" stroke-width="2"/>
60 <!-- chart-plot-area: 140,130,1200,560 -->
61 <!-- Connection Lines -->
62 <line x1="265" y1="336" x2="305" y2="336" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
63 <line x1="395" y1="240" x2="435" y2="240" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
64 <line x1="525" y1="188" x2="565" y2="188" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
65 <line x1="655" y1="224" x2="695" y2="224" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
66 <line x1="785" y1="252" x2="825" y2="252" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
67 <line x1="915" y1="272" x2="955" y2="272" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
68 <line x1="1045" y1="240" x2="1085" y2="240" stroke="#94A3B8" stroke-width="2" stroke-dasharray="4,4"/>
69 <!-- 1. 2024 Profit (280) -->
70 <rect x="175" y="336" width="90" height="224" rx="6" fill="#334155"/>
71 <text x="220" y="320" font-size="16" font-weight="800" fill="#0F172A" text-anchor="middle">280</text>
72 <text x="220" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">2024</text>
73 <text x="220" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Profit</text>
74 <!-- 2. Revenue Growth (+120) -->
75 <rect x="305" y="240" width="90" height="96" rx="6" fill="#10B981"/>
76 <text x="350" y="224" font-size="16" font-weight="800" fill="#059669" text-anchor="middle">+120</text>
77 <text x="350" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">Revenue</text>
78 <text x="350" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Growth</text>
79 <!-- 3. New Products (+65) -->
80 <rect x="435" y="188" width="90" height="52" rx="6" fill="#10B981"/>
81 <text x="480" y="172" font-size="16" font-weight="800" fill="#059669" text-anchor="middle">+65</text>
82 <text x="480" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">New</text>
83 <text x="480" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Products</text>
84 <!-- 4. Material Costs (-45) -->
85 <rect x="565" y="188" width="90" height="36" rx="6" fill="#F43F5E"/>
86 <text x="610" y="244" font-size="16" font-weight="800" fill="#BE123C" text-anchor="middle">-45</text>
87 <text x="610" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">Material</text>
88 <text x="610" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Costs</text>
89 <!-- 5. Labor Costs (-35) -->
90 <rect x="695" y="224" width="90" height="28" rx="6" fill="#F43F5E"/>
91 <text x="740" y="272" font-size="16" font-weight="800" fill="#BE123C" text-anchor="middle">-35</text>
92 <text x="740" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">Labor</text>
93 <text x="740" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Costs</text>
94 <!-- 6. Marketing (-25) -->
95 <rect x="825" y="252" width="90" height="20" rx="6" fill="#F43F5E"/>
96 <text x="870" y="292" font-size="16" font-weight="800" fill="#BE123C" text-anchor="middle">-25</text>
97 <text x="870" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">Marketing</text>
98 <text x="870" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Spend</text>
99 <!-- 7. Ops Efficiency (+40) -->
100 <rect x="955" y="240" width="90" height="32" rx="6" fill="#10B981"/>
101 <text x="1000" y="224" font-size="16" font-weight="800" fill="#059669" text-anchor="middle">+40</text>
102 <text x="1000" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">Ops</text>
103 <text x="1000" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Efficiency</text>
104 <!-- 8. 2025 Profit (400) -->
105 <rect x="1085" y="240" width="90" height="320" rx="6" fill="#334155"/>
106 <text x="1130" y="224" font-size="16" font-weight="800" fill="#0F172A" text-anchor="middle">400</text>
107 <text x="1130" y="590" font-size="13" font-weight="700" fill="#475569" text-anchor="middle">2025</text>
108 <text x="1130" y="610" font-size="13" font-weight="600" fill="#64748B" text-anchor="middle">Profit</text>
109 </g>
110 </g>
111 <!-- ==================== Summary Dashboard ==================== -->
112 <g id="summaryCard" data-pptx-bounds="58 623 1222 74" transform="translate(140, 630)">
113 <rect x="0" y="0" width="1060" height="60" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
114 <rect x="20" y="15" width="4" height="30" rx="2" fill="#10B981"/>
115 <text x="40" y="36" font-size="15" font-weight="800" fill="#0F172A">ANNUAL PROFIT GROWTH</text>
116 <rect x="260" y="12" width="100" height="36" rx="18" fill="#ECFDF5"/>
117 <text x="310" y="36" font-size="16" font-weight="800" fill="#059669" text-anchor="middle">+$120M</text>
118 <text x="400" y="35" font-size="14" font-weight="600" fill="#64748B">
119 Total Increases: <tspan fill="#10B981">+$225M</tspan> · Total Decreases: <tspan fill="#F43F5E">-$105M</tspan> · Net Growth: <tspan fill="#10B981" font-weight="800">+$120M (+42.9%)</tspan>
120 </text>
121 </g>
122 <!-- ==================== Footer ==================== -->
123 <g id="source" data-pptx-bounds="40 686 1200 34">
124 <text x="1200" y="710" font-size="13" font-weight="600" fill="#94A3B8" text-anchor="end">Data Source: Finance Department</text>
125 </g>
126 </svg>
127
127 lines Plain Text