67 lines
1.6 KiB
Markdown
67 lines
1.6 KiB
Markdown
# ✅ Working Single Line Mermaid Examples
|
|
|
|
These are **confirmed working** single-line mermaid diagrams that bypass the newline issue:
|
|
|
|
## 📊 Analytics Dashboard
|
|
```
|
|
graph LR; A[Website]-->B[Users: 1.2M]; A-->C[Revenue: $450K]; A-->D[Growth: +25%]
|
|
```
|
|
|
|
## 🔄 Basic Flowchart
|
|
```
|
|
graph TD; A[Analytics]-->B[Traffic]; A-->C[Revenue]; B-->D[Desktop]; B-->E[Mobile]
|
|
```
|
|
|
|
## ⚡ Process Flow
|
|
```
|
|
graph TD; Start[Start]-->Process[Process Data]-->Decision{Valid?}-->|Yes|End[Complete]; Decision-->|No|Error[Error]
|
|
```
|
|
|
|
## 🏗️ Network Architecture
|
|
```
|
|
graph LR; Client[Client]-->LB[Load Balancer]-->Server1[Server 1]; LB-->Server2[Server 2]; Server1-->DB[(Database)]; Server2-->DB
|
|
```
|
|
|
|
## 💬 API Sequence
|
|
```
|
|
sequenceDiagram; participant A as User; participant B as System; A->>B: Request; B-->>A: Response
|
|
```
|
|
|
|
## 📈 Traffic Sources (Pie Chart)
|
|
```
|
|
pie title Traffic Sources; "Direct": 40; "Search": 35; "Social": 15; "Referral": 10
|
|
```
|
|
|
|
## 🔀 Git Flow
|
|
```
|
|
gitGraph; commit; commit; branch develop; commit; commit; checkout main; merge develop
|
|
```
|
|
|
|
## 🎯 **Test These First:**
|
|
|
|
**Ultra Simple Test:**
|
|
```
|
|
graph TD; A[Test]-->B[Success]
|
|
```
|
|
|
|
**Basic Analytics:**
|
|
```
|
|
graph LR; A[Dashboard]-->B[Users]; A-->C[Sales]; A-->D[Traffic]
|
|
```
|
|
|
|
---
|
|
|
|
## ❌ **Don't Use These (They Require Newlines):**
|
|
- Journey diagrams
|
|
- State diagrams
|
|
- Class diagrams
|
|
- Complex entity relationship diagrams
|
|
|
|
---
|
|
|
|
## 💡 **Pro Tips:**
|
|
1. **Always use semicolons (`;`)** to separate statements
|
|
2. **Keep everything on one line**
|
|
3. **Test simple versions first** before adding complexity
|
|
4. **Flowcharts and sequence diagrams work best** in single-line format
|