Tiptap
Docs
3.x
/
All docs
Guides
Examples
UI Components
Website
Search
⌘
K
Search
⌘
K
All docs
Sign up
Live demo
Search
⌘
K
Diagrams
Alpha
Overview
Install
Live demo
Charts
Appearance
Looks
Editing in the picture
Axes
Reference lines
Flow diagrams
Formats
Editing in the picture
A diagram from a table
Data
Quick Input
Chart syntax
Pasting
Tables
Data Sources
Renderers
ECharts
d3
Mermaid
draw.io
BPMN
Pele
Your own Renderer
Drawing on a canvas
Your own chart type
Your own Diagram Renderer
Export
Guides
Google Sheets, Excel and Airtable
Collaboration
Versions
Tools for a model
Size and view
Text beside the picture
Styling
API reference
Options
Commands
Storage
Selectors
Diagrams
Copy markdown
Ask AI
Diagrams live demo
This demo shows Diagrams in a full editor: charts of every type, Mermaid, draw.io and BPMN diagrams, the Quick Input, tables that turn into charts, and export to SVG, PNG and Word.
Pro Extension
Alpha
Pilot program
Try Diagrams
with charts, flow diagrams, the Quick Input and Word export.
Reload the demo
New tab
Open the demo alone in a new tab
Previously
Install
Next up
Charts