mermaid-js/mermaid-live-editor

• Platinum V

Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

• 1,629−1 Elo, change today
• 11.9k stars
• 936 forks
• 25d ago

git clone https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git

• agent-workflows
• ai
• claude-code
• developer-tools

• Platinum II

✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.

• 1,706+2 Elo, change today
• 44.5k stars
• 3.5k forks
• 225 watchers
• 2mo ago

git clone https://github.com/AykutSarac/jsoncrack.com.git

• csv
• diagrams
• graph
• json

• Copper III

Create beautiful diagrams just by typing notation in plain text.

• 1,320+1 Elo, change today
• 8k stars
• 363 forks
• 9d ago

git clone https://github.com/penrose/penrose.git

• diagrams
• domain-specific-language
• mathematics
• programming-language

• Diamond I
• Hall of Fame #82

Virtual whiteboard for sketching hand-drawn like diagrams

• 2,197−4 Elo, change today
• 135k stars
• 16.1k forks
• 514 watchers
• 7h ago

npm install @excalidraw/excalidraw

• canvas
• collaboration
• diagrams
• drawing

• Legendary #94

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

• 2,247+11 Elo, change today
• +259 stars gained
• 67.3k stars
• 4.5k forks
• 158 watchers
• 3d ago

git clone https://github.com/cathrynlavery/diagram-design.git

• agent-skills
• claude-code
• codex
• data-visualization

• Diamond IV

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

• 1,954+3 Elo, change today
• 91.1k stars
• 9.4k forks
• 636 watchers
• 8h ago

git clone https://github.com/mermaid-js/mermaid && cd mermaid && docker compose up -d

• diagrams
• diagrams-as-code
• documentation
• flowchart