| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="Roboto, -apple-system, BlinkMacSystemFont, sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Quadrant Bubble Scatter Template |
| 6 | Structure: 2×2 quadrant grid with items plotted as bubbles sized by a third metric |
| 7 | Use cases: BCG Growth-Share Matrix (Stars / Cash Cows / Question Marks / Dogs), revenue-weighted portfolio matrix, any named two-axis chart where each item carries a magnitude |
| 8 | Design Principles: 4 named quadrants with strong visual distinctness; bubble radius encodes the third dimension |
| 9 | --> |
| 10 | <rect width="1280" height="720" fill="#F8FAFC"/> |
| 11 | <!-- ==================== Header ==================== --> |
| 12 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 13 | <text x="80" y="70" font-family="Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="32" font-weight="800" fill="#0F172A">Product Portfolio Strategy</text> |
| 14 | <text x="80" y="100" font-family="Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">BCG GROWTH-SHARE MATRIX ANALYSIS</text> |
| 15 | </g> |
| 16 | <!-- ==================== Axis & Labels ==================== --> |
| 17 | <g id="quadrant-matrix" data-pptx-bounds="44 104 1122 581" transform="translate(180, 160)"> |
| 18 | <!-- Y-Axis: Market Growth Rate --> |
| 19 | <line x1="0" y1="0" x2="0" y2="440" stroke="#0F172A" stroke-width="4"/> |
| 20 | <polygon points="-8,-12 8,-12 0,-24" fill="#0F172A"/> |
| 21 | <text x="-40" y="220" font-size="16" font-weight="800" fill="#0F172A" transform="rotate(-90 -40,220)" letter-spacing="2">MARKET GROWTH RATE</text> |
| 22 | <text x="-20" y="440" font-size="14" font-weight="700" fill="#64748B" transform="rotate(-90 -20,440)">LOW</text> |
| 23 | <text x="-20" y="30" font-size="14" font-weight="700" fill="#64748B" transform="rotate(-90 -20,30)">HIGH</text> |
| 24 | <!-- X-Axis: Relative Market Share --> |
| 25 | <line x1="0" y1="440" x2="880" y2="440" stroke="#0F172A" stroke-width="4"/> |
| 26 | <polygon points="892,-8 892,8 904,0" fill="#0F172A" transform="translate(0, 440)"/> |
| 27 | <text x="440" y="490" font-size="16" font-weight="800" fill="#0F172A" text-anchor="middle" letter-spacing="2">RELATIVE MARKET SHARE</text> |
| 28 | <!-- BCG X-Axis is reversed: High on the left, Low on the right --> |
| 29 | <text x="30" y="470" font-size="14" font-weight="700" fill="#64748B">HIGH</text> |
| 30 | <text x="850" y="470" font-size="14" font-weight="700" fill="#64748B" text-anchor="end">LOW</text> |
| 31 | <!-- Quadrant Dividers --> |
| 32 | <line x1="440" y1="0" x2="440" y2="440" stroke="#94A3B8" stroke-width="2" stroke-dasharray="8 8"/> |
| 33 | <line x1="0" y1="220" x2="880" y2="220" stroke="#94A3B8" stroke-width="2" stroke-dasharray="8 8"/> |
| 34 | <!-- ==================== Quadrant 1: Stars (Top Left) ==================== --> |
| 35 | <g transform="translate(20, 20)"> |
| 36 | <rect width="400" height="180" rx="12" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="2"/> |
| 37 | <text x="30" y="45" font-size="28" font-weight="900" fill="#2563EB">STARS</text> |
| 38 | <text x="30" y="70" font-size="14" font-weight="600" fill="#3B82F6">HIGH GROWTH · HIGH SHARE</text> |
| 39 | <!-- Content --> |
| 40 | <circle cx="40" cy="110" r="4" fill="#2563EB"/> |
| 41 | <text x="55" y="115" font-size="16" font-weight="700" fill="#0F172A">Flagship SaaS Platform</text> |
| 42 | <circle cx="40" cy="140" r="4" fill="#2563EB"/> |
| 43 | <text x="55" y="145" font-size="16" font-weight="700" fill="#0F172A">Enterprise API Gateway</text> |
| 44 | </g> |
| 45 | <!-- ==================== Quadrant 2: Question Marks (Top Right) ==================== --> |
| 46 | <g transform="translate(460, 20)"> |
| 47 | <rect width="400" height="180" rx="12" fill="#F5F3FF" stroke="#DDD6FE" stroke-width="2"/> |
| 48 | <text x="30" y="45" font-size="28" font-weight="900" fill="#7C3AED">QUESTION MARKS</text> |
| 49 | <text x="30" y="70" font-size="14" font-weight="600" fill="#8B5CF6">HIGH GROWTH · LOW SHARE</text> |
| 50 | <!-- Content --> |
| 51 | <circle cx="40" cy="110" r="4" fill="#7C3AED"/> |
| 52 | <text x="55" y="115" font-size="16" font-weight="700" fill="#0F172A">AI Generative Engine v1.0</text> |
| 53 | <circle cx="40" cy="140" r="4" fill="#7C3AED"/> |
| 54 | <text x="55" y="145" font-size="16" font-weight="700" fill="#0F172A">Mobile App Subscription</text> |
| 55 | </g> |
| 56 | <!-- ==================== Quadrant 3: Cash Cows (Bottom Left) ==================== --> |
| 57 | <g transform="translate(20, 240)"> |
| 58 | <rect width="400" height="180" rx="12" fill="#ECFDF5" stroke="#A7F3D0" stroke-width="2"/> |
| 59 | <text x="30" y="45" font-size="28" font-weight="900" fill="#059669">CASH COWS</text> |
| 60 | <text x="30" y="70" font-size="14" font-weight="600" fill="#10B981">LOW GROWTH · HIGH SHARE</text> |
| 61 | <!-- Content --> |
| 62 | <circle cx="40" cy="110" r="4" fill="#059669"/> |
| 63 | <text x="55" y="115" font-size="16" font-weight="700" fill="#0F172A">Legacy On-Premise Software</text> |
| 64 | <circle cx="40" cy="140" r="4" fill="#059669"/> |
| 65 | <text x="55" y="145" font-size="16" font-weight="700" fill="#0F172A">Data Center Hosting Services</text> |
| 66 | </g> |
| 67 | <!-- ==================== Quadrant 4: Dogs (Bottom Right) ==================== --> |
| 68 | <g transform="translate(460, 240)"> |
| 69 | <rect width="400" height="180" rx="12" fill="#FEF2F2" stroke="#FECACA" stroke-width="2"/> |
| 70 | <text x="30" y="45" font-size="28" font-weight="900" fill="#DC2626">DOGS</text> |
| 71 | <text x="30" y="70" font-size="14" font-weight="600" fill="#EF4444">LOW GROWTH · LOW SHARE</text> |
| 72 | <!-- Content --> |
| 73 | <circle cx="40" cy="110" r="4" fill="#DC2626"/> |
| 74 | <text x="55" y="115" font-size="16" font-weight="700" fill="#0F172A">Discontinued Hardware Line</text> |
| 75 | <circle cx="40" cy="140" r="4" fill="#DC2626"/> |
| 76 | <text x="55" y="145" font-size="16" font-weight="700" fill="#0F172A">Old Consulting Services</text> |
| 77 | </g> |
| 78 | </g> |
| 79 | </svg> |
| 80 |