---
title: "Diagrams extension"
description: "Add charts, Mermaid, draw.io and BPMN diagrams to your Tiptap editor, with their data stored in the document."
canonical_url: "https://tiptap.dev/docs/editor/extensions/functionality/diagrams"
---

# Diagrams extension

Add charts, Mermaid, draw.io and BPMN diagrams to your Tiptap editor, with their data stored in the document.

The Diagrams extension adds charts and flow diagrams to a Tiptap editor. A chart keeps its data
and its settings in the document, a diagram its Mermaid, draw\.io or BPMN source, and a library of
your choice draws the picture.

> **More details:**
>
> For detailed information on installation, configuration and every Command, visit the [Diagrams
> feature page](https://tiptap.dev/docs/diagrams/getting-started/overview.md).

> **Alpha:**
>
> This extension is under active development. The API may change in future releases.

> **Interactive demo:** [DiagramsChartTypes](https://embed-pro.tiptap.dev/preview/Extensions/DiagramsChartTypes)