返回 ppt-master
metric_table.svg
根目录 / skills / ppt-master / templates / tables / metric_table.svg
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"
2 font-family="Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
3 font-size="12">
4 <!-- Operational metrics with graphical status, change and progress cells. -->
5 <rect width="1280" height="720" fill="#FFFFFF"/>
6
7 <g id="header" data-pptx-bounds="60 35 1160 80">
8 <text x="80" y="72" font-size="32" font-weight="700" fill="#0F172A">Metric Table</text>
9 <text x="80" y="102" font-size="14" fill="#64748B">Operating measures with current value, change, status and target progress</text>
10 </g>
11
12 <g id="metric-table" data-pptx-bounds="80 145 1120 500">
13 <!-- Header and alternating row bands. -->
14 <rect x="80" y="145" width="1120" height="60" fill="#E2E8F0"/>
15 <rect x="80" y="293" width="1120" height="74" fill="#F8FAFC"/>
16 <rect x="80" y="441" width="1120" height="74" fill="#F8FAFC"/>
17 <rect x="80" y="589" width="1120" height="56" fill="#EFF6FF"/>
18
19 <!-- Cell grid. -->
20 <rect x="80" y="145" width="1120" height="500" fill="none" stroke="#CBD5E1" stroke-width="1.5"/>
21 <g stroke="#CBD5E1" stroke-width="1">
22 <line x1="430" y1="145" x2="430" y2="645"/>
23 <line x1="620" y1="145" x2="620" y2="645"/>
24 <line x1="800" y1="145" x2="800" y2="645"/>
25 <line x1="980" y1="145" x2="980" y2="645"/>
26 <line x1="80" y1="205" x2="1200" y2="205"/>
27 <line x1="80" y1="293" x2="1200" y2="293"/>
28 <line x1="80" y1="367" x2="1200" y2="367"/>
29 <line x1="80" y1="441" x2="1200" y2="441"/>
30 <line x1="80" y1="515" x2="1200" y2="515"/>
31 <line x1="80" y1="589" x2="1200" y2="589"/>
32 </g>
33
34 <!-- Column headers. -->
35 <g font-size="13" font-weight="700" fill="#475569">
36 <text x="100" y="182">METRIC</text>
37 <text x="600" y="182" text-anchor="end">CURRENT</text>
38 <text x="710" y="182" text-anchor="middle">CHANGE</text>
39 <text x="890" y="182" text-anchor="middle">STATUS</text>
40 <text x="1090" y="182" text-anchor="middle">TARGET PROGRESS</text>
41 </g>
42
43 <!-- Metric names and values. -->
44 <g font-size="15" fill="#0F172A">
45 <text x="100" y="258" font-weight="700">Service availability</text>
46 <text x="600" y="258" text-anchor="end" font-size="18" font-weight="700">99.4%</text>
47 <text x="710" y="258" text-anchor="middle" font-weight="700" fill="#059669">▲ 0.8</text>
48
49 <text x="100" y="340" font-weight="700">Response time</text>
50 <text x="600" y="340" text-anchor="end" font-size="18" font-weight="700">1.8 h</text>
51 <text x="710" y="340" text-anchor="middle" font-weight="700" fill="#059669">▼ 0.4</text>
52
53 <text x="100" y="414" font-weight="700">Open exceptions</text>
54 <text x="600" y="414" text-anchor="end" font-size="18" font-weight="700">18</text>
55 <text x="710" y="414" text-anchor="middle" font-weight="700" fill="#E11D48">▲ 3</text>
56
57 <text x="100" y="488" font-weight="700">Plan completion</text>
58 <text x="600" y="488" text-anchor="end" font-size="18" font-weight="700">76%</text>
59 <text x="710" y="488" text-anchor="middle" font-weight="700" fill="#059669">▲ 6</text>
60
61 <text x="100" y="562" font-weight="700">Capacity used</text>
62 <text x="600" y="562" text-anchor="end" font-size="18" font-weight="700">88%</text>
63 <text x="710" y="562" text-anchor="middle" font-weight="700" fill="#D97706">▲ 4</text>
64
65 <text x="100" y="625" font-weight="700" fill="#1D4ED8">Portfolio summary</text>
66 <text x="600" y="625" text-anchor="end" font-size="18" font-weight="700" fill="#1D4ED8">On plan</text>
67 <text x="710" y="625" text-anchor="middle" font-weight="700" fill="#059669">Improving</text>
68 </g>
69
70 <!-- Status cells. -->
71 <g font-size="13" font-weight="700" text-anchor="middle">
72 <circle cx="842" cy="252" r="7" fill="#059669"/>
73 <text x="902" y="258" fill="#059669">On target</text>
74
75 <circle cx="842" cy="334" r="7" fill="#059669"/>
76 <text x="902" y="340" fill="#059669">On target</text>
77
78 <circle cx="842" cy="408" r="7" fill="#E11D48"/>
79 <text x="902" y="414" fill="#E11D48">Off target</text>
80
81 <circle cx="842" cy="482" r="7" fill="#2563EB"/>
82 <text x="902" y="488" fill="#2563EB">In progress</text>
83
84 <circle cx="842" cy="556" r="7" fill="#D97706"/>
85 <text x="902" y="562" fill="#D97706">Watch</text>
86
87 <circle cx="842" cy="619" r="7" fill="#2563EB"/>
88 <text x="902" y="625" fill="#1D4ED8">Stable</text>
89 </g>
90
91 <!-- In-cell target bars. -->
92 <g>
93 <rect x="1015" y="245" width="140" height="14" rx="7" fill="#E2E8F0"/>
94 <rect x="1015" y="245" width="132" height="14" rx="7" fill="#059669"/>
95 <text x="1175" y="260" text-anchor="end" font-size="13" font-weight="700" fill="#475569">94%</text>
96
97 <rect x="1015" y="327" width="140" height="14" rx="7" fill="#E2E8F0"/>
98 <rect x="1015" y="327" width="119" height="14" rx="7" fill="#059669"/>
99 <text x="1175" y="342" text-anchor="end" font-size="13" font-weight="700" fill="#475569">85%</text>
100
101 <rect x="1015" y="401" width="140" height="14" rx="7" fill="#E2E8F0"/>
102 <rect x="1015" y="401" width="72" height="14" rx="7" fill="#E11D48"/>
103 <text x="1175" y="416" text-anchor="end" font-size="13" font-weight="700" fill="#475569">51%</text>
104
105 <rect x="1015" y="475" width="140" height="14" rx="7" fill="#E2E8F0"/>
106 <rect x="1015" y="475" width="106" height="14" rx="7" fill="#2563EB"/>
107 <text x="1175" y="490" text-anchor="end" font-size="13" font-weight="700" fill="#475569">76%</text>
108
109 <rect x="1015" y="549" width="140" height="14" rx="7" fill="#E2E8F0"/>
110 <rect x="1015" y="549" width="123" height="14" rx="7" fill="#D97706"/>
111 <text x="1175" y="564" text-anchor="end" font-size="13" font-weight="700" fill="#475569">88%</text>
112
113 <rect x="1015" y="612" width="140" height="14" rx="7" fill="#BFDBFE"/>
114 <rect x="1015" y="612" width="112" height="14" rx="7" fill="#2563EB"/>
115 <text x="1175" y="627" text-anchor="end" font-size="13" font-weight="700" fill="#1D4ED8">80%</text>
116 </g>
117 </g>
118 </svg>
119
119 lines Plain Text