返回 ppt-master
scatter_chart.svg
根目录 / skills / ppt-master / templates / charts / scatter_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 Scatter Chart Template
6 Purpose: Correlation analysis, data distribution
7 Use cases: Ad spend vs Revenue, Height vs Weight, Investment vs Return
8 Feature: Linear regression lines, confidence intervals, AI insights panel
9 -->
10 <!-- Background -->
11 <rect width="1280" height="720" fill="#F8FAFC"/>
12 <!-- ==================== Header ==================== -->
13 <g id="header" data-pptx-bounds="60 35 720 75">
14 <text x="60" y="70" font-size="32" font-weight="800" fill="#0F172A">Ad Spend vs. Sales Revenue Correlation</text>
15 <text x="60" y="100" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">2025 REGIONAL DATA · SAMPLE SIZE N=28</text>
16 </g>
17 <!-- ==================== Chart Area ==================== -->
18 <g id="scatter_chart" data-pptx-bounds="30 151 1013.1 480" data-pptx-replace-with="chart">
19 <metadata type="application/json">
20 {
21 "name": "scatter_chart",
22 "x": 30,
23 "y": 151,
24 "width": 1013.1,
25 "height": 477.75,
26 "type": "scatter",
27 "scatter_style": "marker",
28 "series": [
29 {
30 "name": "Online",
31 "x": [10, 15, 22, 28, 35, 42, 48, 55, 60, 68, 75, 82, 88, 95],
32 "y": [130, 160, 240, 270, 340, 390, 420, 480, 550, 580, 660, 690, 770, 820]
33 },
34 {
35 "name": "Offline",
36 "x": [12, 18, 25, 30, 38, 45, 52, 58, 65, 72, 78, 85, 92, 98],
37 "y": [210, 250, 280, 290, 340, 370, 410, 430, 470, 510, 550, 580, 620, 630]
38 }
39 ],
40 "style": {"colors": ["#4F46E5", "#E11D48"]}
41 }
42 </metadata>
43 <g id="chartArea">
44 <!-- Horizontal Grid Lines -->
45 <line x1="120" y1="560" x2="1020" y2="560" stroke="#E2E8F0" stroke-width="1.5"/>
46 <line x1="120" y1="480" x2="1020" y2="480" stroke="#F1F5F9" stroke-width="1.5"/>
47 <line x1="120" y1="400" x2="1020" y2="400" stroke="#F1F5F9" stroke-width="1.5"/>
48 <line x1="120" y1="320" x2="1020" y2="320" stroke="#F1F5F9" stroke-width="1.5"/>
49 <line x1="120" y1="240" x2="1020" y2="240" stroke="#F1F5F9" stroke-width="1.5"/>
50 <line x1="120" y1="160" x2="1020" y2="160" stroke="#F1F5F9" stroke-width="1.5"/>
51 <!-- Vertical Grid Lines -->
52 <line x1="120" y1="160" x2="120" y2="560" stroke="#E2E8F0" stroke-width="1.5"/>
53 <line x1="300" y1="160" x2="300" y2="560" stroke="#F1F5F9" stroke-width="1.5"/>
54 <line x1="480" y1="160" x2="480" y2="560" stroke="#F1F5F9" stroke-width="1.5"/>
55 <line x1="660" y1="160" x2="660" y2="560" stroke="#F1F5F9" stroke-width="1.5"/>
56 <line x1="840" y1="160" x2="840" y2="560" stroke="#F1F5F9" stroke-width="1.5"/>
57 <line x1="1020" y1="160" x2="1020" y2="560" stroke="#F1F5F9" stroke-width="1.5"/>
58 <!-- Y-Axis Labels -->
59 <text x="105" y="565" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">0</text>
60 <text x="105" y="485" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">200</text>
61 <text x="105" y="405" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">400</text>
62 <text x="105" y="325" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">600</text>
63 <text x="105" y="245" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">800</text>
64 <text x="105" y="165" font-size="14" font-weight="600" fill="#64748B" text-anchor="end">1,000</text>
65 <!-- Y-Axis Title -->
66 <text x="45" y="360" font-size="15" font-weight="700" fill="#475569" text-anchor="middle" transform="rotate(-90, 45, 360)">Sales Revenue ($K)</text>
67 <!-- X-Axis Labels -->
68 <text x="120" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">0</text>
69 <text x="300" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">20</text>
70 <text x="480" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">40</text>
71 <text x="660" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">60</text>
72 <text x="840" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">80</text>
73 <text x="1020" y="585" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">100</text>
74 <!-- X-Axis Title -->
75 <text x="570" y="625" font-size="15" font-weight="700" fill="#475569" text-anchor="middle">Ad Spend ($K)</text>
76 <!-- Main Axes Lines -->
77 <line x1="120" y1="160" x2="120" y2="560" stroke="#94A3B8" stroke-width="2.5" stroke-linecap="round"/>
78 <line x1="120" y1="560" x2="1020" y2="560" stroke="#94A3B8" stroke-width="2.5" stroke-linecap="round"/>
79 <!-- chart-plot-area: 120,160,1020,560 -->
80 <!-- Confidence Interval Areas -->
81 <polygon points="210,483 975,207 975,257 210,533" fill="#4F46E5" fill-opacity="0.08"/>
82 <polygon points="228,456 1002,288 1002,328 228,496" fill="#E11D48" fill-opacity="0.08"/>
83 <!-- Linear Regression Trend Lines -->
84 <line x1="210" y1="508" x2="975" y2="232" stroke="#4F46E5" stroke-width="3" stroke-dasharray="6,4"/>
85 <line x1="228" y1="476" x2="1002" y2="308" stroke="#E11D48" stroke-width="3" stroke-dasharray="6,4"/>
86 <!-- Online Series Data Points (Indigo) -->
87 <circle cx="210" cy="508" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
88 <circle cx="255" cy="496" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
89 <circle cx="318" cy="464" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
90 <circle cx="372" cy="452" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
91 <circle cx="435" cy="424" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
92 <circle cx="498" cy="404" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
93 <circle cx="552" cy="392" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
94 <circle cx="615" cy="368" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
95 <circle cx="660" cy="340" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
96 <circle cx="732" cy="328" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
97 <circle cx="795" cy="296" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
98 <circle cx="858" cy="284" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
99 <circle cx="912" cy="252" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
100 <circle cx="975" cy="232" r="7" fill="#4F46E5" stroke="#FFFFFF" stroke-width="2.5"/>
101 <!-- Offline Series Data Points (Rose) -->
102 <circle cx="228" cy="476" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
103 <circle cx="282" cy="460" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
104 <circle cx="345" cy="448" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
105 <circle cx="390" cy="444" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
106 <circle cx="462" cy="424" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
107 <circle cx="525" cy="412" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
108 <circle cx="588" cy="396" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
109 <circle cx="642" cy="388" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
110 <circle cx="705" cy="372" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
111 <circle cx="768" cy="356" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
112 <circle cx="822" cy="340" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
113 <circle cx="885" cy="328" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
114 <circle cx="948" cy="312" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
115 <circle cx="1002" cy="308" r="7" fill="#E11D48" stroke="#FFFFFF" stroke-width="2.5"/>
116 </g>
117 </g>
118 <!-- ==================== Right Dashboard Panel ==================== -->
119 <g id="dashboardPanel" data-pptx-bounds="1060 160 180 400">
120 <!-- Dashboard Base -->
121 <rect x="1060" y="160" width="180" height="400" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
122 <!-- Header -->
123 <text x="1150" y="195" font-size="14" font-weight="800" fill="#0F172A" text-anchor="middle">Statistical Summary</text>
124 <line x1="1060" y1="210" x2="1240" y2="210" stroke="#F1F5F9" stroke-width="1.5"/>
125 <!-- Online Series Legend & Stats -->
126 <rect x="1080" y="225" width="12" height="12" rx="3" fill="#4F46E5"/>
127 <text x="1100" y="236" font-size="14" font-weight="700" fill="#1E293B">Online</text>
128 <text x="1080" y="260" font-weight="600" fill="#64748B">R² Score</text>
129 <text x="1220" y="260" font-size="13" font-weight="800" fill="#0F172A" text-anchor="end">0.94</text>
130 <text x="1080" y="280" font-weight="600" fill="#64748B">ROI Slope</text>
131 <text x="1220" y="280" font-size="13" font-weight="800" fill="#4F46E5" text-anchor="end">6.8x</text>
132 <!-- Separator -->
133 <line x1="1080" y1="298" x2="1220" y2="298" stroke="#F1F5F9" stroke-width="1"/>
134 <!-- Offline Series Legend & Stats -->
135 <rect x="1080" y="315" width="12" height="12" rx="3" fill="#E11D48"/>
136 <text x="1100" y="326" font-size="14" font-weight="700" fill="#1E293B">Offline</text>
137 <text x="1080" y="350" font-weight="600" fill="#64748B">R² Score</text>
138 <text x="1220" y="350" font-size="13" font-weight="800" fill="#0F172A" text-anchor="end">0.88</text>
139 <text x="1080" y="370" font-weight="600" fill="#64748B">ROI Slope</text>
140 <text x="1220" y="370" font-size="13" font-weight="800" fill="#E11D48" text-anchor="end">5.2x</text>
141 <!-- AI Insight Box -->
142 <rect x="1070" y="405" width="160" height="140" rx="8" fill="#EEF2FF" stroke="#C7D2FE" stroke-width="1"/>
143 <text x="1090" y="430" font-size="13" font-weight="800" fill="#4338CA">💡 AI Insight</text>
144 <text x="1090" y="455" font-weight="600" fill="#3730A3">Online ROI<tspan x="1090" dy="20">outperforms offline</tspan><tspan x="1090" dy="20" font-weight="800" fill="#312E81">by 31%.</tspan></text>
145 <text x="1090" y="520" font-weight="700" fill="#4338CA">Recommendation:</text>
146 <text x="1150" y="538" font-weight="800" fill="#312E81" text-anchor="middle">SCALE ONLINE SPEND</text>
147 </g>
148 <!-- ==================== Footer ==================== -->
149 <g id="source" data-pptx-bounds="60 670 360 25">
150 <text x="60" y="690" font-size="13" font-weight="600" fill="#94A3B8">Data Source: Marketing Analytics Department</text>
151 </g>
152 </svg>
153
153 lines Plain Text