返回 ppt-master
histogram_chart.svg
根目录 / skills / ppt-master / templates / charts / histogram_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 Histogram Chart Template
6 Purpose: Numeric distribution shape from raw observations
7 Use cases: cycle time, order value, response latency, quality measurements
8 Feature: Binned bars, median marker, right-side interpretation card
9 -->
10
11 <rect width="1280" height="720" fill="#FFFFFF"/>
12 <g id="header" data-pptx-bounds="40 15 1200 125">
13 <text x="60" y="70"
14 font-size="34" font-weight="800" fill="#0F172A"><tspan>Order Value Distribution</tspan></text>
15 <text x="60" y="100"
16 font-size="14" font-weight="700" fill="#64748B" letter-spacing="1"><tspan>SAMPLE ORDERS · USD THOUSANDS</tspan></text>
17 </g>
18 <g id="histogram_chart" data-pptx-bounds="0 98 1062 564" data-pptx-replace-with="chart">
19 <metadata type="application/json">
20 {
21 "name": "histogram_chart",
22 "x": 80,
23 "y": 130,
24 "width": 900,
25 "height": 500,
26 "type": "histogram",
27 "values": [12, 15, 18, 19, 22, 24, 25, 28, 29, 31, 33, 35, 37, 38, 41, 44, 46, 48, 52, 55, 58, 61, 66, 72, 80],
28 "style": {"colors": ["#2563EB"]}
29 }
30 </metadata>
31 <g id="chartArea">
32 <rect x="80" y="130" width="900" height="500" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
33 <line x1="150" y1="560" x2="920" y2="560" stroke="#94A3B8" stroke-width="2"/>
34 <line x1="150" y1="170" x2="150" y2="560" stroke="#94A3B8" stroke-width="2"/>
35 <line x1="150" y1="462" x2="920" y2="462" stroke="#E2E8F0" stroke-width="1.5" stroke-dasharray="5,5"/>
36 <line x1="150" y1="364" x2="920" y2="364" stroke="#E2E8F0" stroke-width="1.5" stroke-dasharray="5,5"/>
37 <line x1="150" y1="266" x2="920" y2="266" stroke="#E2E8F0" stroke-width="1.5" stroke-dasharray="5,5"/>
38 <!-- chart-plot-area: 150,170,920,560 -->
39 <rect x="185" y="430" width="82" height="130" rx="6" fill="#BFDBFE"/>
40 <rect x="285" y="330" width="82" height="230" rx="6" fill="#93C5FD"/>
41 <rect x="385" y="230" width="82" height="330" rx="6" fill="#60A5FA"/>
42 <rect x="485" y="270" width="82" height="290" rx="6" fill="#2563EB"/>
43 <rect x="585" y="360" width="82" height="200" rx="6" fill="#2563EB"/>
44 <rect x="685" y="450" width="82" height="110" rx="6" fill="#1D4ED8"/>
45 <rect x="785" y="500" width="82" height="60" rx="6" fill="#1E40AF"/>
46 <line x1="515" y1="170" x2="515" y2="560" stroke="#F43F5E" stroke-width="2.5" stroke-dasharray="6,5"/>
47 <rect x="472" y="182" width="86" height="28" rx="14" fill="#FFF1F2" stroke="#FDA4AF"/>
48 <text x="515" y="202"
49 font-weight="800" fill="#E11D48" text-anchor="middle"><tspan>Median</tspan></text>
50 <text x="226" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>10-20</tspan></text>
51 <text x="326" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>20-30</tspan></text>
52 <text x="426" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>30-40</tspan></text>
53 <text x="526" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>40-50</tspan></text>
54 <text x="626" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>50-60</tspan></text>
55 <text x="726" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>60-70</tspan></text>
56 <text x="826" y="590" font-size="13" font-weight="600" fill="#475569" text-anchor="middle"><tspan>70-80</tspan></text>
57 </g>
58 </g>
59 <g id="insightPanel" data-pptx-bounds="981 146 278 408" transform="translate(1010, 170)">
60 <rect x="0" y="0" width="220" height="360" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/>
61 <text x="24" y="38" font-size="16" font-weight="800" fill="#0F172A"><tspan>Distribution Notes</tspan></text>
62 <line x1="24" y1="58" x2="196" y2="58" stroke="#E2E8F0"/>
63 <text x="24" y="95" font-size="13" font-weight="700" fill="#64748B"><tspan>Peak bin</tspan></text>
64 <text x="24" y="124" font-size="28" font-weight="800" fill="#2563EB"><tspan>30-40K</tspan></text>
65 <text x="24" y="165" font-size="13" font-weight="700" fill="#64748B"><tspan>Observation count</tspan></text>
66 <text x="24" y="194" font-size="28" font-weight="800" fill="#0F172A"><tspan>25</tspan></text>
67 <rect x="24" y="235" width="172" height="72" rx="8" fill="#EFF6FF" stroke="#BFDBFE"/>
68 <text x="42" y="263" font-size="13" font-weight="800" fill="#1D4ED8"><tspan>Right tail exists</tspan></text>
69 <text x="42" y="280" font-weight="600" fill="#475569">Large orders remain<tspan x="42" dy="17">sparse.</tspan></text>
70 </g>
71 <g id="source" data-pptx-bounds="40 665 1200 40">
72 <text x="60" y="690"
73 font-size="14" font-weight="600" fill="#94A3B8"><tspan>Data Source: Commerce Analytics</tspan></text>
74 </g>
75 </svg>
76
76 lines Plain Text