| 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 | Pie of Pie Chart Template |
| 6 | Purpose: Expand small pie slices into a secondary pie |
| 7 | Use cases: revenue mix with long-tail categories, survey results, expense composition |
| 8 | Feature: Native pie-of-pie marker with fallback split-pie composition |
| 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="78" |
| 14 | font-size="34" font-weight="800" fill="#0F172A"><tspan>Category Share with Long Tail</tspan></text> |
| 15 | <text x="60" y="112" |
| 16 | font-size="14" font-weight="700" fill="#64748B" letter-spacing="1"><tspan>PIE OF PIE · SECONDARY DETAIL FOR SMALL SEGMENTS</tspan></text> |
| 17 | </g> |
| 18 | <g id="pie_of_pie_chart" data-pptx-bounds="0 115 1062 510" data-pptx-replace-with="chart"> |
| 19 | <metadata type="application/json"> |
| 20 | { |
| 21 | "name": "pie_of_pie_chart", |
| 22 | "x": 80, |
| 23 | "y": 145, |
| 24 | "width": 900, |
| 25 | "height": 450, |
| 26 | "type": "pieOfPie", |
| 27 | "categories": ["Product A", "Product B", "Product C", "Tail D", "Tail E", "Tail F"], |
| 28 | "series": [ |
| 29 | {"name": "Share", "values": [45, 25, 12, 8, 6, 4]} |
| 30 | ], |
| 31 | "style": {"colors": ["#2563EB", "#10B981", "#F59E0B", "#8B5CF6", "#EC4899", "#94A3B8"]} |
| 32 | } |
| 33 | </metadata> |
| 34 | <g id="chartArea"> |
| 35 | <rect x="80" y="145" width="900" height="450" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 36 | <!-- chart-plot-area: pie-of-pie | main-center: 360,370 | main-radius: 170 | secondary-center: 785,370 | secondary-radius: 110 --> |
| 37 | <g id="mainPie"> |
| 38 | <circle cx="360" cy="370" r="170" fill="#EFF6FF"/> |
| 39 | <path d="M 360,370 L 360,200 A 170,170 0 1,1 307.5,531.7 Z" fill="#2563EB" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 40 | <path d="M 360,370 L 307.5,531.7 A 170,170 0 0,1 198.3,317.5 Z" fill="#10B981" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 41 | <path d="M 360,370 L 198.3,317.5 A 170,170 0 0,1 360,200 Z" fill="#F59E0B" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 42 | <text x="360" y="374" font-size="28" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>82%</tspan></text> |
| 43 | <text x="360" y="570" font-size="13" font-weight="700" fill="#475569" text-anchor="middle"><tspan>Primary slices</tspan></text> |
| 44 | </g> |
| 45 | <g id="connectorLines"> |
| 46 | <line x1="515" y1="300" x2="675" y2="275" stroke="#CBD5E1" stroke-width="2"/> |
| 47 | <line x1="515" y1="440" x2="675" y2="465" stroke="#CBD5E1" stroke-width="2"/> |
| 48 | </g> |
| 49 | <g id="secondaryPie"> |
| 50 | <circle cx="785" cy="370" r="110" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="2"/> |
| 51 | <path d="M 785,370 L 785,260 A 110,110 0 0,1 890,396 Z" fill="#8B5CF6" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 52 | <path d="M 785,370 L 890,396 A 110,110 0 0,1 728,464 Z" fill="#EC4899" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 53 | <path d="M 785,370 L 728,464 A 110,110 0 0,1 785,260 Z" fill="#94A3B8" stroke="#FFFFFF" stroke-width="4" stroke-linejoin="round"/> |
| 54 | <text x="785" y="375" font-size="22" font-weight="800" fill="#FFFFFF" text-anchor="middle"><tspan>18%</tspan></text> |
| 55 | <text x="785" y="570" font-size="13" font-weight="700" fill="#475569" text-anchor="middle"><tspan>Expanded tail</tspan></text> |
| 56 | </g> |
| 57 | </g> |
| 58 | </g> |
| 59 | <g id="splitPanel" 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>Split Logic</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>Main pie</tspan></text> |
| 64 | <text x="24" y="124" font-size="28" font-weight="800" fill="#2563EB"><tspan>82%</tspan></text> |
| 65 | <text x="24" y="165" font-size="13" font-weight="700" fill="#64748B"><tspan>Tail detail</tspan></text> |
| 66 | <text x="24" y="194" font-size="28" font-weight="800" fill="#8B5CF6"><tspan>18%</tspan></text> |
| 67 | <rect x="24" y="235" width="172" height="78" rx="8" fill="#EFF6FF" stroke="#BFDBFE"/> |
| 68 | <text x="42" y="263" font-size="13" font-weight="800" fill="#1D4ED8"><tspan>Best when</tspan></text> |
| 69 | <text x="42" y="286" font-weight="600" fill="#475569"><tspan>small slices still need</tspan></text> |
| 70 | <text x="42" y="304" font-weight="600" fill="#475569"><tspan>individual labels.</tspan></text> |
| 71 | </g> |
| 72 | <g id="source" data-pptx-bounds="40 670 1200 40"> |
| 73 | <text x="60" y="695" |
| 74 | font-size="14" font-weight="600" fill="#94A3B8"><tspan>Data Source: Product Analytics</tspan></text> |
| 75 | </g> |
| 76 | </svg> |
| 77 |