> ## Documentation Index
> Fetch the complete documentation index at: https://docs.davia.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Whiteboards

> You can embed whiteboards in Davia pages for visual diagrams and flowcharts.

Each page in Davia can embed whiteboards. Whiteboards are interactive canvases where you can create visual diagrams, flowcharts, and illustrations.

<img src="https://storage.googleapis.com/davia-public-assets/landing-gif/whiteboard.png" alt="Interactive whiteboard showing a flowchart" className="rounded-lg w-full" />

## Everything is editable

In Davia, all content is editable:

* **Text in the editor** - Click and edit any text content directly in the page editor
* **Charts in whiteboards** - Click on any element in whiteboards to edit, move, or modify it

This means you can refine your documentation and diagrams as you work, without switching between different tools or modes.

## Mermaid diagrams become whiteboards

<Info>
  Your coding agent generates Mermaid diagrams when creating documentation.
  These are automatically transformed into interactive whiteboards, giving you
  visual flowcharts and diagrams that you can edit directly without leaving your
  page.
</Info>

### How the conversion works

1. The agent creates a `.mmd` file in `.davia/assets/mermaids/`
2. Davia automatically converts it to a `.json` file in `.davia/assets/data/`
3. The HTML page embeds the diagram using: `<excalidraw data-path="data/diagram-name.json"></excalidraw>`

<Tip>
  When prompting your agent, ask for a "visual diagram" or "flowchart" and it
  will create a mermaid file that becomes an editable whiteboard in your
  documentation.
</Tip>