방향키 : 포커스이동 alt+방향키 : 노드이동 ctrl+c : 노드복사( markdown ) ctrl+v : 노드붙 엔터 : 형제추가 탭 : 자식추가 shift+enter : 노드편집 ctrl+스크롤 : 줌 (url에 데이터저장) ctrl+z/y : undo/redo 모바일에서는 핀치줌과 터치로 포커스와 더블터치로 편집이 가능

Diagram as Code Tool Written in Rust with Draggable Editing. The 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 version-able. The changes are saved as comments in the mermaid file so it remains compatible with other Mermaid tools. The repo is composed of the Rust CLI to compile .mmd files into images and the React based web interface to editing the files.

D2 is a modern DSL that turns text to diagrams. D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image.

This website is a playground that converts Mermaid diagrams (specifically Flowchart, Sequence, and Class diagrams) into Excalidraw format for rendering.

Diagram maker web app

A comprehensive list of various text to diagram tools. Ordered roughly by recency and similarity. CTRL+F on this page to find required tool for specific needs.

Download, copy and paste tech icons in SVG and PNG format for your projects.

GitLab.com

A free, simple tool to draw ER diagrams by just writing code.