173 lines
14 KiB
XML
173 lines
14 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
|
<!--
|
|
Matrix 2x2 Chart Template
|
|
Usage: Four-quadrant analysis
|
|
Scenarios: BCG Matrix, risk assessment, priority analysis, strategic evaluation
|
|
-->
|
|
<defs>
|
|
<!-- Quadrant Gradients -->
|
|
<linearGradient id="quadrant1" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#ECFDF5;stop-opacity:1" /> <!-- Emerald-50 -->
|
|
<stop offset="100%" style="stop-color:#D1FAE5;stop-opacity:1" /> <!-- Emerald-100 -->
|
|
</linearGradient>
|
|
<linearGradient id="quadrant2" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FFFBEB;stop-opacity:1" /> <!-- Amber-50 -->
|
|
<stop offset="100%" style="stop-color:#FEF3C7;stop-opacity:1" /> <!-- Amber-100 -->
|
|
</linearGradient>
|
|
<linearGradient id="quadrant3" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FFF1F2;stop-opacity:1" /> <!-- Rose-50 -->
|
|
<stop offset="100%" style="stop-color:#FFE4E6;stop-opacity:1" /> <!-- Rose-100 -->
|
|
</linearGradient>
|
|
<linearGradient id="quadrant4" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#EFF6FF;stop-opacity:1" /> <!-- Blue-50 -->
|
|
<stop offset="100%" style="stop-color:#DBEAFE;stop-opacity:1" /> <!-- Blue-100 -->
|
|
</linearGradient>
|
|
<!-- Drop Shadow for Cards & Bubbles -->
|
|
<filter id="cardShadow" x="-15%" y="-15%" width="130%" height="130%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
|
|
<feOffset dx="0" dy="2" result="offsetblur"/>
|
|
<feFlood flood-color="#0F172A" flood-opacity="0.1" result="shadowColor"/>
|
|
<feComposite in="shadowColor" in2="offsetblur" operator="in" result="shadow"/>
|
|
<feMerge><feMergeNode in="shadow"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
<!-- Axis Arrows -->
|
|
<marker id="arrowX" markerWidth="14" markerHeight="14" refX="12" refY="7" orient="auto">
|
|
<path d="M 2,2 L 12,7 L 2,12 Z" fill="#0F172A"/>
|
|
</marker>
|
|
<marker id="arrowY" markerWidth="14" markerHeight="14" refX="7" refY="2" orient="auto">
|
|
<path d="M 2,12 L 7,2 L 12,12 Z" fill="#0F172A"/>
|
|
</marker>
|
|
<!-- Diagonal priority-migration arrow head (Slate 600, matches advisory tone) -->
|
|
<marker id="migrationArrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto" markerUnits="strokeWidth">
|
|
<path d="M 0,0 L 10,6 L 0,12 Z" fill="#475569"/>
|
|
</marker>
|
|
</defs>
|
|
<!-- Background -->
|
|
<rect width="1280" height="720" fill="#F8FAFC"/>
|
|
<!-- Title Area -->
|
|
<text x="60" y="70" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="36" font-weight="800" fill="#0F172A" letter-spacing="-0.5">Action Priority Matrix</text>
|
|
<text x="60" y="100" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="600" fill="#64748B" letter-spacing="1">EFFORT VS IMPACT · FEATURE PRIORITIZATION</text>
|
|
<text x="60" y="125" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="500" fill="#94A3B8">Business Impact vs Implementation Effort · Bubble size represents resource cost</text>
|
|
<!-- Matrix Main Area -->
|
|
<g id="matrixArea">
|
|
<!-- Quadrants -->
|
|
<!-- Q1: Top Right (Stars) -->
|
|
<rect x="565" y="170" width="480" height="240" fill="url(#quadrant1)" stroke="#FFFFFF" stroke-width="4" rx="4"/>
|
|
<!-- Q2: Top Left (Question Marks) -->
|
|
<rect x="85" y="170" width="480" height="240" fill="url(#quadrant2)" stroke="#FFFFFF" stroke-width="4" rx="4"/>
|
|
<!-- Q3: Bottom Left (Dogs) -->
|
|
<rect x="85" y="410" width="480" height="240" fill="url(#quadrant3)" stroke="#FFFFFF" stroke-width="4" rx="4"/>
|
|
<!-- Q4: Bottom Right (Cash Cows) -->
|
|
<rect x="565" y="410" width="480" height="240" fill="url(#quadrant4)" stroke="#FFFFFF" stroke-width="4" rx="4"/>
|
|
<!-- Axes -->
|
|
<line x1="85" y1="410" x2="1055" y2="410" stroke="#0F172A" stroke-width="3" marker-end="url(#arrowX)"/>
|
|
<line x1="565" y1="160" x2="565" y2="650" stroke="#0F172A" stroke-width="3" marker-start="url(#arrowY)"/>
|
|
<!-- X-Axis Labels -->
|
|
<text x="565" y="685" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="15" font-weight="700" fill="#0F172A" text-anchor="middle">Implementation Effort</text>
|
|
<text x="220" y="685" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">Low</text>
|
|
<text x="910" y="685" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="600" fill="#64748B" text-anchor="middle">High</text>
|
|
<!-- Y-Axis Labels -->
|
|
<text x="40" y="410" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="15" font-weight="700" fill="#0F172A" text-anchor="middle" transform="rotate(-90, 40, 410)">Business Impact</text>
|
|
<text x="60" y="640" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="600" fill="#64748B" text-anchor="end">Low</text>
|
|
<text x="60" y="180" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="14" font-weight="600" fill="#64748B" text-anchor="end">High</text>
|
|
<!-- Quadrant Labels -->
|
|
<!-- Q2: Quick Wins -->
|
|
<text x="110" y="205" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="24" font-weight="800" fill="#047857">Quick Wins</text>
|
|
<text x="110" y="225" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" font-weight="700" fill="#059669" letter-spacing="1">HIGH IMPACT · LOW EFFORT</text>
|
|
<!-- Q1: Major Projects -->
|
|
<text x="590" y="205" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="24" font-weight="800" fill="#1D4ED8">Major Projects</text>
|
|
<text x="590" y="225" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" font-weight="700" fill="#2563EB" letter-spacing="1">HIGH IMPACT · HIGH EFFORT</text>
|
|
<!-- Q3: Fill Ins -->
|
|
<text x="110" y="615" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="24" font-weight="800" fill="#B45309">Fill Ins</text>
|
|
<text x="110" y="635" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" font-weight="700" fill="#D97706" letter-spacing="1">LOW IMPACT · LOW EFFORT</text>
|
|
<!-- Q4: Time Wasters -->
|
|
<text x="590" y="615" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="24" font-weight="800" fill="#BE123C">Thankless Tasks</text>
|
|
<text x="590" y="635" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" font-weight="700" fill="#E11D48" letter-spacing="1">LOW IMPACT · HIGH EFFORT</text>
|
|
<!-- Product Data Bubbles -->
|
|
<!-- Feature A: Major Project -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="879" cy="247" r="55" fill="#3B82F6" opacity="0.95"/>
|
|
<text x="879" y="243" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="16" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature A</text>
|
|
<text x="879" y="261" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 92</text>
|
|
</g>
|
|
<!-- Feature B: Time Waster -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="935" cy="544" r="70" fill="#F43F5E" opacity="0.95"/>
|
|
<text x="935" y="540" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="18" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature B</text>
|
|
<text x="935" y="560" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 35</text>
|
|
</g>
|
|
<!-- Feature C: Quick Win -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="269" cy="228" r="42" fill="#10B981" opacity="0.95"/>
|
|
<text x="269" y="225" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature C</text>
|
|
<text x="269" y="243" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 88</text>
|
|
</g>
|
|
<!-- Feature D: Quick Win -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="325" cy="309" r="38" fill="#10B981" opacity="0.95"/>
|
|
<text x="325" y="306" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="14" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature D</text>
|
|
<text x="325" y="323" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 75</text>
|
|
</g>
|
|
<!-- Feature E: Fill In -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="195" cy="573" r="30" fill="#F59E0B" opacity="0.95"/>
|
|
<text x="195" y="571" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature E</text>
|
|
<text x="195" y="587" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="11" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 40</text>
|
|
</g>
|
|
<!-- Feature F: Time Waster -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="741" cy="506" r="45" fill="#F43F5E" opacity="0.95"/>
|
|
<text x="741" y="503" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature F</text>
|
|
<text x="741" y="521" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 28</text>
|
|
</g>
|
|
<!-- Feature G: Major Project -->
|
|
<g filter="url(#cardShadow)">
|
|
<circle cx="695" cy="285" r="40" fill="#3B82F6" opacity="0.95"/>
|
|
<text x="695" y="282" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">Feature G</text>
|
|
<text x="695" y="299" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#FFFFFF" text-anchor="middle">Score: 82</text>
|
|
</g>
|
|
</g>
|
|
<!-- ==================== Priority Migration (Diagonal Dashed Arrow) ==================== -->
|
|
<!-- Demonstrates CHART_STYLE_GUIDE §11.5: diagonal dashed connector to express
|
|
cross-quadrant trajectory. Migrates work from Thankless → Quick Wins. -->
|
|
<g id="priority-migration">
|
|
<line x1="850" y1="605" x2="385" y2="200" stroke="#475569" stroke-width="2"
|
|
stroke-dasharray="6 5" marker-end="url(#migrationArrow)" stroke-linecap="round"/>
|
|
<!-- Mid-line label with pill background so the arrow reads under the text -->
|
|
<rect x="525" y="385" width="190" height="28" rx="14" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1"/>
|
|
<text x="620" y="403" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
|
font-size="12" font-weight="700" fill="#475569" letter-spacing="1">PRIORITY MIGRATION</text>
|
|
</g>
|
|
|
|
<!-- Strategic Recommendations Card -->
|
|
<g id="strategicRecommendations" filter="url(#cardShadow)">
|
|
<rect x="1070" y="170" width="165" height="250" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1" rx="12"/>
|
|
<text x="1152" y="205" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="700" fill="#0F172A" text-anchor="middle">Action Plan</text>
|
|
<line x1="1085" y1="220" x2="1220" y2="220" stroke="#F1F5F9" stroke-width="2"/>
|
|
<!-- Quick Wins -->
|
|
<circle cx="1090" cy="245" r="6" fill="#10B981"/>
|
|
<text x="1105" y="250" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#047857">Quick Wins: DO</text>
|
|
<!-- Major Projects -->
|
|
<circle cx="1090" cy="285" r="6" fill="#3B82F6"/>
|
|
<text x="1105" y="290" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#1D4ED8">Projects: PLAN</text>
|
|
<!-- Fill Ins -->
|
|
<circle cx="1090" cy="325" r="6" fill="#F59E0B"/>
|
|
<text x="1105" y="330" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#B45309">Fill Ins: DELEGATE</text>
|
|
<!-- Time Wasters -->
|
|
<circle cx="1090" cy="365" r="6" fill="#F43F5E"/>
|
|
<text x="1105" y="370" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="600" fill="#BE123C">Thankless: DROP</text>
|
|
<text x="1152" y="405" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="11" font-weight="600" fill="#94A3B8" text-anchor="middle">Bubble Size = Cost</text>
|
|
</g>
|
|
<!-- Source Footer -->
|
|
<text x="60" y="700" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" font-weight="500" fill="#94A3B8">Source: Market Research Department</text>
|
|
</svg>
|