Beauty Diagram

An online editor and beautifier for Mermaid, PlantUML, and draw.io diagrams that takes existing code-based source, previews it live, and re-renders it with cleaned layout and styling for export as SVG or PNG. It is for developers and designers, including individual consumers and business users, who create diagrams from code for documentation, READMEs, and presentations. Compared to Mermaid Live, Excalidraw, and Figma, it is positioned as taking text already written and returning a presentation-ready render without manual drawing, with version-controllable source.

Key features

• Mermaid live editor with preview
• PlantUML editor with preview
• One-click beautify and re-layout
• Orthogonal routing for flowcharts
• Grid-based layout with swimlanes
• 9 swappable themes
• Editorial-grade typography
• AI generate and refine from prompt
• Embed via image URL for READMEs
• 5 animated SVG styles
• 15 diagram types supported
• Export SVG and 4x PNG
• Chrome plugin
• Obsidian plugin
• VS Code plugin
• CLI tool