Diagrams

Skriuw lets you add diagrams directly inside your notes using Mermaid - a popular diagramming language that turns text into visuals.

Mermaid diagram in a noteA short demo of this feature will land here.

How it works

Type ```mermaid (or ```diagram) in the editor to insert a diagram block. Write your diagram code inside, and Skriuw renders it as a clean visual right there in your note.

What you can draw

• Flowcharts - step-by-step processes, decision trees, workflows
• Sequence diagrams - interactions between people, systems, or services
• Class diagrams - entity relationships, data models
• Gantt charts - project timelines, task schedules
• Mind maps - brainstorming and idea mapping
• Git graphs - branch and commit histories
• Pie charts, timelines, and more

Editing diagrams

• Click the rendered diagram to edit its source code
• The diagram updates live as you type
• Switch to dark theme for the diagram if your note uses a dark background
• If something is wrong in your code, Skriuw shows the error inline so you can fix it

Copying diagrams

Each diagram block has a copy source button - one click copies the raw Mermaid code to your clipboard so you can paste it elsewhere.

Why use diagrams in notes?

Diagrams turn abstract ideas into something you can see and reason about. Instead of describing a process in paragraphs, you draw it. Instead of keeping project timelines in a separate tool, you embed them next to your notes. Everything stays connected in one place.