8 unmodified lines
9- inline comments and reactions work on the rendered diagram (SVG is inline DOM)
10
11## demos
12
13- [simple](simple.excalidraw) — rectangles, arrows, text
14- [flowchart](flowchart.excalidraw) — a basic flowchart with decisions
15- [architecture](architecture.excalidraw) — system architecture diagram
16- [wireframe](wireframe.excalidraw) — simple UI wireframe
17- [freehand](freehand.excalidraw) — freedraw and ellipses
13- [simple](demo/simple.excalidraw) — rectangles, arrows, text
14- [flowchart](demo/flowchart.excalidraw) — a basic flowchart with decisions
15- [architecture](demo/architecture.excalidraw) — system architecture diagram
16- [wireframe](demo/wireframe.excalidraw) — simple UI wireframe
17- [freehand](demo/freehand.excalidraw) — freedraw and ellipses
18
19## how it works
20
211. push a `.excalidraw` file via git (or save via edit mode)
15 unmodified lines
37}
38```
39
40each element has a type (rectangle, ellipse, diamond, arrow, line, freedraw, text, image, frame), position, size, style properties (strokeColor, backgroundColor, fillStyle, roughness, etc).
41
42## visual diffing (planned)
43
44the renderer supports element-level diffing — comparing two versions of an excalidraw file to show added, removed, and modified elements with color coding. this will be used in the version comparison view.