返回 ppt-master
top_down_tree.svg
根目录 / skills / ppt-master / templates / charts / top_down_tree.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 Top-Down Tree Template
6 Structure: Hierarchical top-down tree with parent→children connector lines, 2-4 levels deep
7 Use cases: Org charts (CEO → VPs → Directors), OKR cascades (Objective → Key Results → Initiatives), WBS decomposition, any strict parent-child hierarchy
8 Supports: 3 Levels (root → 5 mid-nodes → 10 leaves); add/remove leaves and adjust spacing as needed
9 -->
10 <!-- Background -->
11 <rect width="1280" height="720" fill="#F8FAFC"/>
12 <!-- Title Area -->
13 <g id="header" data-pptx-bounds="40 15 1200 125">
14 <text x="640" y="55"
15 font-size="32" font-weight="800" fill="#0F172A" text-anchor="middle">Corporate Organizational Chart</text>
16 </g>
17 <!-- ==================== Connecting Lines ==================== -->
18 <g id="organization-connectors" data-pptx-bounds="8 157 1264 286" stroke="#CBD5E1" stroke-width="2">
19 <!-- Level 1 (CEO) to Level 2 (VPs) -->
20 <line x1="640" y1="175" x2="640" y2="210"/>
21 <line x1="150" y1="210" x2="1130" y2="210"/>
22 <line x1="150" y1="210" x2="150" y2="245"/>
23 <line x1="395" y1="210" x2="395" y2="245"/>
24 <line x1="640" y1="210" x2="640" y2="245"/>
25 <line x1="885" y1="210" x2="885" y2="245"/>
26 <line x1="1130" y1="210" x2="1130" y2="245"/>
27 <!-- Level 2 (Engineering) to Level 3 -->
28 <line x1="150" y1="355" x2="150" y2="390"/>
29 <line x1="90" y1="390" x2="210" y2="390"/>
30 <line x1="90" y1="390" x2="90" y2="425"/>
31 <line x1="210" y1="390" x2="210" y2="425"/>
32 <!-- Level 2 (Product) to Level 3 -->
33 <line x1="395" y1="355" x2="395" y2="390"/>
34 <line x1="335" y1="390" x2="455" y2="390"/>
35 <line x1="335" y1="390" x2="335" y2="425"/>
36 <line x1="455" y1="390" x2="455" y2="425"/>
37 <!-- Level 2 (Sales) to Level 3 -->
38 <line x1="640" y1="355" x2="640" y2="390"/>
39 <line x1="580" y1="390" x2="700" y2="390"/>
40 <line x1="580" y1="390" x2="580" y2="425"/>
41 <line x1="700" y1="390" x2="700" y2="425"/>
42 <!-- Level 2 (Finance) to Level 3 -->
43 <line x1="885" y1="355" x2="885" y2="390"/>
44 <line x1="825" y1="390" x2="945" y2="390"/>
45 <line x1="825" y1="390" x2="825" y2="425"/>
46 <line x1="945" y1="390" x2="945" y2="425"/>
47 <!-- Level 2 (HR) to Level 3 -->
48 <line x1="1130" y1="355" x2="1130" y2="390"/>
49 <line x1="1070" y1="390" x2="1190" y2="390"/>
50 <line x1="1070" y1="390" x2="1070" y2="425"/>
51 <line x1="1190" y1="390" x2="1190" y2="425"/>
52 </g>
53 <!-- ==================== Level 1: CEO ==================== -->
54 <g id="chief-executive-node" data-pptx-bounds="513 77 254 106">
55 <rect x="540" y="85" width="200" height="90" rx="12" fill="#2563EB"/>
56 <text x="640" y="125" font-size="20" font-weight="800" fill="#FFFFFF" text-anchor="middle">John Doe</text>
57 <text x="640" y="150" font-size="13" font-weight="600" fill="#DBEAFE" letter-spacing="0.5" text-anchor="middle">Chief Executive Officer</text>
58 </g>
59 <!-- ==================== Level 2: VPs ==================== -->
60 <!-- VP 1: Engineering (Slate Theme) -->
61 <g id="engineering-vp-node" data-pptx-bounds="35 236 230 128">
62 <rect x="60" y="245" width="180" height="110" rx="10" fill="#F1F5F9" stroke="#CBD5E1" stroke-width="1.5"/>
63 <text x="150" y="280" font-size="18" font-weight="800" fill="#0F172A" text-anchor="middle">Jane Smith</text>
64 <text x="150" y="305" font-size="13" font-weight="600" fill="#475569" text-anchor="middle">VP of Engineering</text>
65 <rect x="95" y="320" width="110" height="22" rx="11" fill="#E2E8F0"/>
66 <text x="150" y="335" font-weight="700" fill="#334155" text-anchor="middle">Engineering</text>
67 </g>
68 <!-- VP 2: Product (Emerald Theme) -->
69 <g id="product-vp-node" data-pptx-bounds="280 236 230 128">
70 <rect x="305" y="245" width="180" height="110" rx="10" fill="#ECFDF5" stroke="#6EE7B7" stroke-width="1.5"/>
71 <text x="395" y="280" font-size="18" font-weight="800" fill="#064E3B" text-anchor="middle">Mike Johnson</text>
72 <text x="395" y="305" font-size="13" font-weight="600" fill="#059669" text-anchor="middle">VP of Product</text>
73 <rect x="340" y="320" width="110" height="22" rx="11" fill="#D1FAE5"/>
74 <text x="395" y="335" font-weight="700" fill="#047857" text-anchor="middle">Product</text>
75 </g>
76 <!-- VP 3: Sales (Amber Theme) -->
77 <g id="sales-vp-node" data-pptx-bounds="525 236 230 128">
78 <rect x="550" y="245" width="180" height="110" rx="10" fill="#FFFBEB" stroke="#FCD34D" stroke-width="1.5"/>
79 <text x="640" y="280" font-size="18" font-weight="800" fill="#78350F" text-anchor="middle">Emily Davis</text>
80 <text x="640" y="305" font-size="13" font-weight="600" fill="#D97706" text-anchor="middle">VP of Sales</text>
81 <rect x="585" y="320" width="110" height="22" rx="11" fill="#FEF3C7"/>
82 <text x="640" y="335" font-weight="700" fill="#B45309" text-anchor="middle">Sales</text>
83 </g>
84 <!-- VP 4: Finance (Violet Theme) -->
85 <g id="finance-vp-node" data-pptx-bounds="770 236 230 128">
86 <rect x="795" y="245" width="180" height="110" rx="10" fill="#F5F3FF" stroke="#C4B5FD" stroke-width="1.5"/>
87 <text x="885" y="280" font-size="18" font-weight="800" fill="#4C1D95" text-anchor="middle">Robert Wilson</text>
88 <text x="885" y="305" font-size="13" font-weight="600" fill="#7C3AED" text-anchor="middle">VP of Finance</text>
89 <rect x="830" y="320" width="110" height="22" rx="11" fill="#EDE9FE"/>
90 <text x="885" y="335" font-weight="700" fill="#6D28D9" text-anchor="middle">Finance</text>
91 </g>
92 <!-- VP 5: HR (Rose Theme) -->
93 <g id="human-resources-vp-node" data-pptx-bounds="1015 236 230 128">
94 <rect x="1040" y="245" width="180" height="110" rx="10" fill="#FFF1F2" stroke="#FDA4AF" stroke-width="1.5"/>
95 <text x="1130" y="280" font-size="18" font-weight="800" fill="#881337" text-anchor="middle">Sarah Brown</text>
96 <text x="1130" y="305" font-size="13" font-weight="600" fill="#E11D48" text-anchor="middle">VP of HR</text>
97 <rect x="1065" y="320" width="130" height="22" rx="11" fill="#FFE4E6"/>
98 <text x="1130" y="335" font-weight="700" fill="#BE123C" text-anchor="middle">Human Resources</text>
99 </g>
100 <!-- ==================== Level 3: Departments ==================== -->
101 <!-- Group 1: Engineering -->
102 <g id="engineering-frontend-node" data-pptx-bounds="19 417 142 96">
103 <rect x="35" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#94A3B8" stroke-width="1.5"/>
104 <text x="90" y="460" font-size="13" font-weight="700" fill="#0F172A" text-anchor="middle">Frontend</text>
105 <text x="90" y="482" font-weight="600" fill="#64748B" text-anchor="middle">12 Staff</text>
106 </g>
107 <g id="engineering-backend-node" data-pptx-bounds="139 417 142 96">
108 <rect x="155" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#94A3B8" stroke-width="1.5"/>
109 <text x="210" y="460" font-size="13" font-weight="700" fill="#0F172A" text-anchor="middle">Backend</text>
110 <text x="210" y="482" font-weight="600" fill="#64748B" text-anchor="middle">15 Staff</text>
111 </g>
112 <!-- Group 2: Product -->
113 <g id="product-design-node" data-pptx-bounds="264 417 142 96">
114 <rect x="280" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#34D399" stroke-width="1.5"/>
115 <text x="335" y="460" font-size="13" font-weight="700" fill="#064E3B" text-anchor="middle">UX/UI Design</text>
116 <text x="335" y="482" font-weight="600" fill="#10B981" text-anchor="middle">8 Staff</text>
117 </g>
118 <g id="product-research-node" data-pptx-bounds="384 417 142 96">
119 <rect x="400" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#34D399" stroke-width="1.5"/>
120 <text x="455" y="460" font-size="13" font-weight="700" fill="#064E3B" text-anchor="middle">User Research</text>
121 <text x="455" y="482" font-weight="600" fill="#10B981" text-anchor="middle">5 Staff</text>
122 </g>
123 <!-- Group 3: Sales -->
124 <g id="sales-enterprise-node" data-pptx-bounds="509 417 142 96">
125 <rect x="525" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#FBBF24" stroke-width="1.5"/>
126 <text x="580" y="460" font-size="13" font-weight="700" fill="#78350F" text-anchor="middle">Enterprise</text>
127 <text x="580" y="482" font-weight="600" fill="#F59E0B" text-anchor="middle">20 Staff</text>
128 </g>
129 <g id="sales-smb-node" data-pptx-bounds="629 417 142 96">
130 <rect x="645" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#FBBF24" stroke-width="1.5"/>
131 <text x="700" y="460" font-size="13" font-weight="700" fill="#78350F" text-anchor="middle">SMB Accounts</text>
132 <text x="700" y="482" font-weight="600" fill="#F59E0B" text-anchor="middle">18 Staff</text>
133 </g>
134 <!-- Group 4: Finance -->
135 <g id="finance-accounting-node" data-pptx-bounds="754 417 142 96">
136 <rect x="770" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#A78BFA" stroke-width="1.5"/>
137 <text x="825" y="460" font-size="13" font-weight="700" fill="#4C1D95" text-anchor="middle">Accounting</text>
138 <text x="825" y="482" font-weight="600" fill="#8B5CF6" text-anchor="middle">6 Staff</text>
139 </g>
140 <g id="finance-planning-analysis-node" data-pptx-bounds="874 417 142 96">
141 <rect x="890" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#A78BFA" stroke-width="1.5"/>
142 <text x="945" y="460" font-size="13" font-weight="700" fill="#4C1D95" text-anchor="middle">FP&amp;A</text>
143 <text x="945" y="482" font-weight="600" fill="#8B5CF6" text-anchor="middle">4 Staff</text>
144 </g>
145 <!-- Group 5: HR -->
146 <g id="human-resources-recruiting-node" data-pptx-bounds="999 417 142 96">
147 <rect x="1015" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#FB7185" stroke-width="1.5"/>
148 <text x="1070" y="460" font-size="13" font-weight="700" fill="#881337" text-anchor="middle">Recruiting</text>
149 <text x="1070" y="482" font-weight="600" fill="#F43F5E" text-anchor="middle">5 Staff</text>
150 </g>
151 <g id="human-resources-compensation-benefits-node" data-pptx-bounds="1119 417 142 96">
152 <rect x="1135" y="425" width="110" height="80" rx="8" fill="#FFFFFF" stroke="#FB7185" stroke-width="1.5"/>
153 <text x="1190" y="460" font-size="13" font-weight="700" fill="#881337" text-anchor="middle">Comp &amp; Ben</text>
154 <text x="1190" y="482" font-weight="600" fill="#F43F5E" text-anchor="middle">3 Staff</text>
155 </g>
156 <!-- ==================== Footer Info ==================== -->
157 <g id="summary" data-pptx-bounds="342 545 596 60">
158 <text x="640" y="580" font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">
159 Total Headcount: 96 | Management: 6 | Departments: 10
160 </text>
161 </g>
162 <g id="source" data-pptx-bounds="40 666 1200 39">
163 <text x="60" y="690" font-size="13" font-weight="500" fill="#94A3B8">
164 Updated: Dec 2025
165 </text>
166 </g>
167 </svg>
168
168 lines Plain Text