返回 ppt-master
funnel_chart.svg
根目录 / skills / ppt-master / templates / charts / funnel_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 Funnel Chart Template
6 Usage: Conversion flow analysis
7 Scenarios: Sales funnel, user conversion, process efficiency
8 Supports: 4 stages (3-5 recommended)
9 -->
10 <defs>
11 <!-- Arrow -->
12 <marker id="arrowLoss" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
13 <path d="M0,0 L0,6 L9,3 z" fill="#EF4444" />
14 </marker>
15 </defs>
16 <!-- Background -->
17 <rect width="1280" height="720" fill="#F8FAFC"/>
18 <!-- Title -->
19 <g id="header" data-pptx-bounds="40 15 1200 125">
20 <text x="60" y="80"
21 font-size="32" font-weight="700" fill="#0F172A">Conversion Funnel Analysis</text>
22 <text x="60" y="115"
23 font-size="18" fill="#64748B">Quarterly Performance · Total Volume: 10,000</text>
24 </g>
25 <!-- Funnel Chart -->
26 <g id="funnel_chart" data-pptx-bounds="265 133 750 464" data-pptx-replace-with="chart">
27 <metadata type="application/json">
28 {
29 "name": "funnel_chart",
30 "x": 340,
31 "y": 160,
32 "width": 630,
33 "height": 410,
34 "type": "funnel",
35 "categories": ["Awareness", "Interest", "Consideration", "Conversion"],
36 "values": [10000, 4500, 1800, 650],
37 "style": {"colors": ["#3B82F6", "#0EA5E9", "#14B8A6", "#F97316"]}
38 }
39 </metadata>
40 <g id="funnelChart">
41 <!-- Stage 1: Awareness (y: 160-240) -->
42 <path d="M 340,160 L 940,160 L 895,240 L 385,240 Z"
43 fill="#2563EB"/>
44 <text x="640" y="205"
45 font-size="20" font-weight="700" fill="#FFFFFF" text-anchor="middle">Stage 01: Awareness: 10,000</text>
46 <text x="640" y="228"
47 font-size="16" fill="#FFFFFF" text-anchor="middle" opacity="0.9">100%</text>
48 <!-- Stage 2: Interest (y: 270-350) -->
49 <path d="M 385,270 L 895,270 L 850,350 L 430,350 Z"
50 fill="#0284C7"/>
51 <text x="640" y="315"
52 font-size="20" font-weight="700" fill="#FFFFFF" text-anchor="middle">Stage 02: Interest: 4,500</text>
53 <text x="640" y="338"
54 font-size="16" fill="#FFFFFF" text-anchor="middle" opacity="0.9">45%</text>
55 <!-- Stage 3: Consideration (y: 380-460) -->
56 <path d="M 430,380 L 850,380 L 805,460 L 475,460 Z"
57 fill="#0D9488"/>
58 <text x="640" y="425"
59 font-size="20" font-weight="700" fill="#FFFFFF" text-anchor="middle">Stage 03: Consideration: 1,800</text>
60 <text x="640" y="448"
61 font-size="16" fill="#FFFFFF" text-anchor="middle" opacity="0.9">18%</text>
62 <!-- Stage 4: Conversion (y: 490-570) -->
63 <path d="M 475,490 L 805,490 L 760,570 L 520,570 Z"
64 fill="#EA580C"/>
65 <text x="640" y="535"
66 font-size="20" font-weight="700" fill="#FFFFFF" text-anchor="middle">Stage 04: Conversion: 650</text>
67 <text x="640" y="558"
68 font-size="16" fill="#FFFFFF" text-anchor="middle" opacity="0.9">6.5%</text>
69 </g>
70 </g>
71 <!-- Right Annotations (Drop-off) -->
72 <g id="lossAnnotations" data-pptx-bounds="821 211 376 295">
73 <!-- Loss 1: 10,000 -> 4,500 -->
74 <line x1="950" y1="250" x2="1020" y2="250" stroke="#EF4444" stroke-width="2" marker-end="url(#arrowLoss)"/>
75 <text x="1030" y="245"
76 font-size="18" font-weight="600" fill="#EF4444">Drop-off: 5,500</text>
77 <text x="1030" y="265"
78 font-size="15" fill="#64748B">Conversion: 45%</text>
79 <!-- Loss 2: 4,500 -> 1,800 -->
80 <line x1="905" y1="360" x2="975" y2="360" stroke="#EF4444" stroke-width="2" marker-end="url(#arrowLoss)"/>
81 <text x="985" y="355"
82 font-size="18" font-weight="600" fill="#EF4444">Drop-off: 2,700</text>
83 <text x="985" y="375"
84 font-size="15" fill="#64748B">Conversion: 40%</text>
85 <!-- Loss 3: 1,800 -> 650 -->
86 <line x1="860" y1="470" x2="930" y2="470" stroke="#EF4444" stroke-width="2" marker-end="url(#arrowLoss)"/>
87 <text x="940" y="465"
88 font-size="18" font-weight="600" fill="#EF4444">Drop-off: 1,150</text>
89 <text x="940" y="485"
90 font-size="15" fill="#64748B">Conversion: 36%</text>
91 </g>
92 <!-- Left Key Metrics -->
93 <g id="keyMetrics" data-pptx-bounds="31 154 278 432">
94 <rect x="60" y="180" width="220" height="380" rx="8" fill="#FFFFFF" stroke="#E2E8F0"/>
95 <text x="170" y="215"
96 font-size="18" font-weight="700" fill="#0F172A" text-anchor="middle">Key Metrics</text>
97 <!-- Metric 1 -->
98 <rect x="80" y="245" width="4" height="50" rx="2" fill="#F97316"/>
99 <text x="95" y="260"
100 font-size="14" fill="#475569">Total Conversion</text>
101 <text x="95" y="285"
102 font-size="32" font-weight="700" fill="#F97316">6.5%</text>
103 <!-- Metric 2 -->
104 <rect x="80" y="320" width="4" height="50" rx="2" fill="#3B82F6"/>
105 <text x="95" y="335"
106 font-size="14" fill="#475569">Avg. Deal Size</text>
107 <text x="95" y="360"
108 font-size="28" font-weight="700" fill="#3B82F6">$125K</text>
109 <!-- Metric 3 -->
110 <rect x="80" y="395" width="4" height="50" rx="2" fill="#10B981"/>
111 <text x="95" y="410"
112 font-size="14" fill="#475569">Total Revenue</text>
113 <text x="95" y="435"
114 font-size="28" font-weight="700" fill="#10B981">$81.3M</text>
115 <!-- Metric 4 -->
116 <rect x="80" y="470" width="4" height="50" rx="2" fill="#8B5CF6"/>
117 <text x="95" y="485"
118 font-size="14" fill="#475569">Sales Cycle</text>
119 <text x="95" y="510"
120 font-size="28" font-weight="700" fill="#8B5CF6">42 Days</text>
121 </g>
122 <!-- Bottom Insight -->
123 <g id="insight" data-pptx-bounds="238 603 1042 74">
124 <rect x="320" y="610" width="880" height="60" rx="6" fill="#FEF3C7" stroke="#F59E0B" stroke-width="2"/>
125 <text x="340" y="635"
126 font-size="16" font-weight="700" fill="#0F172A">💡 Key Insight: </text>
127 <text x="460" y="635"
128 font-size="15" fill="#475569">Significant drop-off between Interest and Consideration stages (40% conversion).</text>
129 <text x="340" y="655"
130 font-size="15" fill="#475569">Recommend optimizing follow-up cadence and improving proposal quality to boost retention.</text>
131 </g>
132 <!-- Footer -->
133 <g id="source" data-pptx-bounds="40 670 1200 40">
134 <text x="60" y="695"
135 font-size="14" fill="#94A3B8">Source: Internal CRM Performance Data</text>
136 </g>
137 </svg>
138
138 lines Plain Text