What is diagram as code?

Diagram-as-code

Diagram-as-code is a way to quickly draw beautiful diagrams using a simple DSL instead of dragging boxes and arrows with your mouse.

Eraser diagram as code

Eraser diagrams

Types of diagrams

Why Diagram-as-code?

  • Faster to draw: Most of the time drawing a diagram is spent on getting the boxes and arrows to look just right. Diagram-as-code allows you to skip all of that.
  • Beautiful by default: Eraser's default layout and formatting automatically outputs beautiful diagrams.
  • Easy to maintain and update: A simple change can trigger a tedious layout update when using a GUI to diagram. Using diagram-as-code, it is often just a one-liner change to the DSL.