Oxdraw: Rust-Based Diagram-as-Code Tool with Visual Editing and Mermaid Syntax
By
RohanAdwankar
7mo ago· 8 min readenCode
100/100
Golden Brown
Bagelometer↗
An everything bagel for the brain. Substantive, layered, well-seasoned.
Score100TypenewsSentimentpositive
Summary
Oxdraw is a diagram-as-code tool written in Rust that allows users to create and maintain diagrams using declarative Mermaid syntax. It features a web interface for visual editing where users can drag and adjust diagram elements, with all changes automatically persisted back to the source code files. This ensures diagrams remain deterministic and versionable. The tool also supports embedding images and viewing codebase codemaps, making it suitable for documentation and technical diagrams that need to be maintained alongside code.
Key quotes
· 4 pulledThe goal of oxdraw is to make it easy to create and maintain high-quality diagrams using a declarative and reproducible syntax.
Charts are written in Mermaid syntax, while a web interface allows users to fine-tune positions, connector paths, colors, and other styling components.
Whenever a diagram is tweaked visually, the structural changes are persisted back to the source file as declarative code so that everything remains deterministic and versionable.
Aside from the normal diagrams, oxdraw can also embed images directly into the diagrams and view codemaps of codebase where nodes a
Diagram as Code Tool Written in Rust with Draggable Editing - RohanAdwankar/oxdraw
