返回 ppt-master
09_metrics_trend.svg
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
2 <defs>
3 <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%">
4 <stop offset="0%" stop-color="#5B8DEF"/>
5 <stop offset="50%" stop-color="#A26BFA"/>
6 <stop offset="100%" stop-color="#3DDDFC"/>
7 </linearGradient>
8 <radialGradient id="bgGlowA" cx="20%" cy="30%" r="55%">
9 <stop offset="0%" stop-color="#5B8DEF" stop-opacity="0.16"/>
10 <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0"/>
11 </radialGradient>
12 <radialGradient id="bgGlowB" cx="80%" cy="70%" r="55%">
13 <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.16"/>
14 <stop offset="100%" stop-color="#A26BFA" stop-opacity="0"/>
15 </radialGradient>
16 <linearGradient id="areaAcc" x1="0%" y1="0%" x2="0%" y2="100%">
17 <stop offset="0%" stop-color="#4ADE80" stop-opacity="0.4"/>
18 <stop offset="100%" stop-color="#4ADE80" stop-opacity="0.0"/>
19 </linearGradient>
20 <linearGradient id="areaCost" x1="0%" y1="0%" x2="0%" y2="100%">
21 <stop offset="0%" stop-color="#FB7185" stop-opacity="0.35"/>
22 <stop offset="100%" stop-color="#FB7185" stop-opacity="0.0"/>
23 </linearGradient>
24 <linearGradient id="chartPanel" x1="0%" y1="0%" x2="0%" y2="100%">
25 <stop offset="0%" stop-color="#1A2150" stop-opacity="0.5"/>
26 <stop offset="100%" stop-color="#1A2150" stop-opacity="0.18"/>
27 </linearGradient>
28 <linearGradient id="glassEdge" x1="0%" y1="0%" x2="100%" y2="0%">
29 <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/>
30 <stop offset="50%" stop-color="#FFFFFF" stop-opacity="0.3"/>
31 <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/>
32 </linearGradient>
33 </defs>
34
35 <g id="bg">
36 <rect width="1280" height="720" fill="#0A0E27"/>
37 <rect width="1280" height="720" fill="url(#bgGlowA)"/>
38 <rect width="1280" height="720" fill="url(#bgGlowB)"/>
39 </g>
40
41 <g id="header">
42 <rect x="60" y="50" width="6" height="32" rx="3" fill="url(#titleGradient)"/>
43 <text x="80" y="76" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="34" font-weight="900" fill="#E8ECFF">持续优化的真实曲线 — <tspan fill="#4ADE80">准确率 ↑</tspan> <tspan fill="#FB7185">成本 ↓</tspan></text>
44 <text x="80" y="108" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="14" font-weight="600" fill="#A8B0D0" letter-spacing="3">UPLINE TO PRODUCTION · 12-WEEK TREND</text>
45 </g>
46
47 <g id="chart-panel-bg">
48 <rect x="100" y="135" width="1100" height="475" rx="20" fill="url(#chartPanel)" stroke="#FFFFFF" stroke-opacity="0.12" stroke-width="1"/>
49 <rect x="118" y="136" width="1064" height="1" fill="url(#glassEdge)"/>
50 </g>
51
52 <g id="chartArea">
53 <line x1="140" y1="560" x2="1180" y2="560" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/>
54 <line x1="140" y1="462" x2="1180" y2="462" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1" stroke-dasharray="3 5"/>
55 <line x1="140" y1="365" x2="1180" y2="365" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1" stroke-dasharray="3 5"/>
56 <line x1="140" y1="267" x2="1180" y2="267" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1" stroke-dasharray="3 5"/>
57 <line x1="140" y1="170" x2="1180" y2="170" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1" stroke-dasharray="3 5"/>
58 <line x1="140" y1="170" x2="140" y2="560" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/>
59 <line x1="1180" y1="170" x2="1180" y2="560" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/>
60
61 <text x="128" y="565" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="end">60%</text>
62 <text x="128" y="467" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="end">70%</text>
63 <text x="128" y="370" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="end">80%</text>
64 <text x="128" y="272" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="end">90%</text>
65 <text x="128" y="175" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="end">100%</text>
66
67 <text x="1192" y="565" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0">¥0</text>
68 <text x="1192" y="467" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0">¥0.35</text>
69 <text x="1192" y="370" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0">¥0.70</text>
70 <text x="1192" y="272" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0">¥1.05</text>
71 <text x="1192" y="175" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0">¥1.40</text>
72
73 <text x="140" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W1</text>
74 <text x="234" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W2</text>
75 <text x="329" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W3</text>
76 <text x="423" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W4</text>
77 <text x="518" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W5</text>
78 <text x="612" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W6</text>
79 <text x="707" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W7</text>
80 <text x="801" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W8</text>
81 <text x="896" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W9</text>
82 <text x="990" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W10</text>
83 <text x="1085" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W11</text>
84 <text x="1180" y="588" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="600" fill="#A8B0D0" text-anchor="middle">W12</text>
85
86 <line x1="423" y1="170" x2="423" y2="560" stroke="#3DDDFC" stroke-opacity="0.32" stroke-width="1" stroke-dasharray="4 6"/>
87 <line x1="801" y1="170" x2="801" y2="560" stroke="#3DDDFC" stroke-opacity="0.32" stroke-width="1" stroke-dasharray="4 6"/>
88 <line x1="1085" y1="170" x2="1085" y2="560" stroke="#3DDDFC" stroke-opacity="0.32" stroke-width="1" stroke-dasharray="4 6"/>
89
90 <!-- chart-plot-area: 140,170,1180,560 -->
91
92 <path d="M 140,453 L 234,433 L 329,414 L 423,365 L 518,345 L 612,316 L 707,306 L 801,277 L 896,267 L 990,258 L 1085,248 L 1180,244 L 1180,560 L 140,560 Z" fill="url(#areaAcc)"/>
93 <polyline points="140,453 234,433 329,414 423,365 518,345 612,316 707,306 801,277 896,267 990,258 1085,248 1180,244" fill="none" stroke="#4ADE80" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
94 <g id="acc-dots">
95 <circle cx="140" cy="453" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
96 <circle cx="234" cy="433" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
97 <circle cx="329" cy="414" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
98 <circle cx="423" cy="365" r="6" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
99 <circle cx="518" cy="345" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
100 <circle cx="612" cy="316" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
101 <circle cx="707" cy="306" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
102 <circle cx="801" cy="277" r="6" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
103 <circle cx="896" cy="267" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
104 <circle cx="990" cy="258" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
105 <circle cx="1085" cy="248" r="6" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
106 <circle cx="1180" cy="244" r="7" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
107 </g>
108
109 <path d="M 140,226 L 234,240 L 329,254 L 423,295 L 518,309 L 612,323 L 707,343 L 801,379 L 896,393 L 990,407 L 1085,426 L 1180,443 L 1180,560 L 140,560 Z" fill="url(#areaCost)" fill-opacity="0.0"/>
110 <polyline points="140,226 234,240 329,254 423,295 518,309 612,323 707,343 801,379 896,393 990,407 1085,426 1180,443" fill="none" stroke="#FB7185" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
111 <g id="cost-dots">
112 <circle cx="140" cy="226" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
113 <circle cx="234" cy="240" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
114 <circle cx="329" cy="254" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
115 <circle cx="423" cy="295" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
116 <circle cx="518" cy="309" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
117 <circle cx="612" cy="323" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
118 <circle cx="707" cy="343" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
119 <circle cx="801" cy="379" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
120 <circle cx="896" cy="393" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
121 <circle cx="990" cy="407" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
122 <circle cx="1085" cy="426" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
123 <circle cx="1180" cy="443" r="7" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
124 </g>
125
126 <g id="annot-w4">
127 <rect x="350" y="148" width="146" height="22" rx="11" fill="#1A2150" fill-opacity="0.85" stroke="#3DDDFC" stroke-opacity="0.5" stroke-width="1"/>
128 <text x="423" y="164" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W4 · 引入 reranker</text>
129 </g>
130 <g id="annot-w8">
131 <rect x="728" y="148" width="146" height="22" rx="11" fill="#1A2150" fill-opacity="0.85" stroke="#3DDDFC" stroke-opacity="0.5" stroke-width="1"/>
132 <text x="801" y="164" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W8 · 引入 fallback</text>
133 </g>
134 <g id="annot-w11">
135 <rect x="1012" y="148" width="146" height="22" rx="11" fill="#1A2150" fill-opacity="0.85" stroke="#3DDDFC" stroke-opacity="0.5" stroke-width="1"/>
136 <text x="1085" y="164" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="12" font-weight="700" fill="#3DDDFC" text-anchor="middle">W11 · 引入缓存</text>
137 </g>
138 </g>
139
140 <g id="legend">
141 <rect x="100" y="630" width="280" height="44" rx="10" fill="#1A2150" fill-opacity="0.65" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/>
142 <line x1="120" y1="652" x2="148" y2="652" stroke="#4ADE80" stroke-width="3.5" stroke-linecap="round"/>
143 <circle cx="134" cy="652" r="5" fill="#4ADE80" stroke="#0A0E27" stroke-width="2"/>
144 <text x="162" y="657" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="14" font-weight="700" fill="#E8ECFF">任务成功率(左轴)</text>
145 <rect x="395" y="630" width="280" height="44" rx="10" fill="#1A2150" fill-opacity="0.65" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/>
146 <line x1="415" y1="652" x2="443" y2="652" stroke="#FB7185" stroke-width="3.5" stroke-linecap="round"/>
147 <circle cx="429" cy="652" r="5" fill="#FB7185" stroke="#0A0E27" stroke-width="2"/>
148 <text x="457" y="657" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="14" font-weight="700" fill="#E8ECFF">单次成本(右轴)</text>
149 <rect x="690" y="630" width="510" height="44" rx="10" fill="#1A2150" fill-opacity="0.65" stroke="#3DDDFC" stroke-opacity="0.4" stroke-width="1"/>
150 <text x="710" y="657" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="14" font-weight="600" fill="#A8B0D0"><tspan fill="#3DDDFC" font-weight="800">▲</tspan> 准确率 71% → 92.4% &#160;·&#160; 成本 ¥1.20 → ¥0.42</text>
151 </g>
152
153 <g id="footer">
154 <text x="60" y="700" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="13" font-weight="600" fill="#6B7299">12 周指标趋势 · 来源:内部 Agent 平台监控</text>
155 <text x="1220" y="700" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif" font-size="13" font-weight="600" fill="#6B7299" text-anchor="end">09 / 12</text>
156 </g>
157 </svg>
158
158 lines Plain Text