mermaid-visualizer

1# Mermaid Visualizer
2 
3## Overview
4 
5Convert text content into clean, professional Mermaid diagrams optimized for presentations and documentation. Automatically handles common syntax pitfalls (list syntax conflicts, subgraph naming, spacing issues) to ensure diagrams render correctly in Obsidian, GitHub, and other Mermaid-compatible platforms.
6 
7## Quick Start
8 
9When creating a Mermaid diagram:
10 
111. **Analyze the content** - Identify key concepts, relationships, and flow
122. **Choose diagram type** - Select the most appropriate visualization (see Diagram Types below)
133. **Select configuration** - Determine layout, detail level, and styling
144. **Generate diagram** - Create syntactically correct Mermaid code
155. **Output in markdown** - Wrap in proper code fence with optional explanation
16 
17**Default assumptions:**
18- Vertical layout (TB) unless horizontal requested
19- Medium detail level (balanced between simplicity and information)
20- Professional color scheme with semantic colors
21- Obsidian/GitHub compatible syntax
22 
23## Diagram Types
24 
25### 1. Process Flow (graph TB/LR)
26**Best for:** Workflows, decision trees, sequential processes, AI agent architectures
27 
28**Use when:** Content describes steps, stages, or a sequence of actions
29 
30**Key features:**
31- Swimlanes via subgraph for grouping related steps
32- Arrow labels for transitions
33- Feedback loops and branches
34- Color-coded stages
35 
36**Configuration options:**
37- `layout`: "vertical" (TB), "horizontal" (LR)
38…