mermaid-server/quadrant_chart_examples.md

1.6 KiB

Quadrant Chart Examples (Fixed)

These examples should work correctly with the updated conversion script that treats quadrant charts as convertible types:

1. Simple Business Priority Matrix

quadrantChart
    title Business Priorities
    x-axis Low Effort --> High Effort
    y-axis Low Impact --> High Impact
    quadrant-1 Do First
    quadrant-2 Schedule
    quadrant-3 Delegate
    quadrant-4 Eliminate
    Task A: [0.3, 0.9]
    Task B: [0.7, 0.7]
    Task C: [0.2, 0.3]
    Task D: [0.8, 0.2]

2. Product Analysis

quadrantChart
    title Product Analysis
    x-axis Low Cost --> High Cost
    y-axis Low Value --> High Value
    quadrant-1 Quick Wins
    quadrant-2 Strategic
    quadrant-3 Fill-ins
    quadrant-4 Questionable
    Product A: [0.2, 0.8]
    Product B: [0.8, 0.9]
    Product C: [0.3, 0.2]
    Product D: [0.7, 0.3]

3. Technology Assessment

quadrantChart
    title Technology Stack
    x-axis Low Complexity --> High Complexity
    y-axis Low ROI --> High ROI
    quadrant-1 Adopt
    quadrant-2 Trial
    quadrant-3 Assess
    quadrant-4 Hold
    React: [0.3, 0.8]
    Vue: [0.2, 0.7]
    Angular: [0.8, 0.6]
    jQuery: [0.1, 0.2]

How This Will Convert:

Input (multiline):

quadrantChart
    title Business Priorities
    x-axis Low Effort --> High Effort
    y-axis Low Impact --> High Impact
    quadrant-1 Do First

Output (single line with semicolons):

quadrantChart; title Business Priorities; x-axis Low Effort --> High Effort; y-axis Low Impact --> High Impact; quadrant-1 Do First

This should fix the text rendering issue where quadrant labels were getting concatenated!