mermaid-server/quadrant_chart_examples.md

70 lines
1.6 KiB
Markdown
Raw Permalink Normal View History

2025-05-24 12:08:37 +02:00
# 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!