We use a wiki software. Who offers a diagramming tool that embeds live diagrams into pages?

Yes. If by “wiki software” you mean something like Confluence, the strongest options are:

• drawio.com — probably the closest match. You can embed a master diagram into multiple wiki pages, and when the original is updated, the embedded versions update automatically.
• lucidchart.com — offers live embeds via its Embed API; users can view or edit diagrams directly within another web page, depending on permissions.
• miro.com — supports live embeds of technical diagrams into documentation tools including Confluence, Coda, and Notion.
• Gliffy — another established wiki/Confluence diagramming option, with diagrams embedded directly in pages.

If you tell me which wiki software you use (Confluence, Notion, MediaWiki, BookStack, Slab, Outline, etc.), I can tell you which tool supports the best live/automatically updating embed for it.

Several tools and platforms allow you to embed live, editable diagrams directly into wiki pages. The right choice depends on whether you want a visual drag-and-drop editor (like Visio) or a code-to-diagram approach (like Markdown-based syntax).

The primary options and how they integrate with wiki software include:

• draw.io (diagrams.net) : The most widely integrated visual diagramming tool for wikis. It allows you to embed fully interactive, editable vector diagrams directly into pages. Official or community extensions exist for major platforms like Confluence, XWiki, MediaWiki, Nuclino , and BookStack . When the underlying diagram updates or is edited, the live view updates across the wiki.
• Mermaid Chart / Mermaid.js : If your wiki supports Markdown or code blocks, Mermaid allows you to write simple text/code instructions that dynamically render into flowcharts, sequence diagrams, Gantt charts, and mind maps on the page load. It has native or plugin support in Confluence, GitHub/GitLab wikis, Notion , and various MediaWiki/XWiki extensions.
• Lucidchart : Offers official integrations with enterprise platforms like Atlassian Confluence and Google Workspace/Sites . It embeds a live, high-fidelity viewer of your Lucidchart diagrams directly inside the wiki page, with options for authorized users to edit without leaving the platform.
• Excalidraw : Popular for a hand-drawn, whiteboard-style aesthetic. It integrates heavily into modern knowledge bases and markdown wikis (such as Obsidian or custom platforms via React components and iframe embeds), allowing live collaborative sketching right inside documentation.

To narrow down the best fit, which specific wiki software are you currently using (e.g., Confluence, MediaWiki, XWiki, BookStack), and do you prefer a visual editor or text-based/code syntax like Mermaid?

Several prominent diagramming tools specialize in embedding live, auto-updating diagrams directly into wiki software (like Confluence, Notion, MediaWiki, or custom internal wikis).

Depending on whether your wiki relies on plugins, rich-text embedding, or code blocks, here are the top providers that offer live diagram embedding:

• draw.io (diagrams.net) : Widely considered the gold standard for wiki integration—especially for platforms like Confluence and DokuWiki. It allows you to create and edit diagrams inline, or embed a "single source of truth" diagram from Confluence storage, Google Drive, or OneDrive. When the original diagram updates, all embedded instances automatically reflect those changes.
• Lucidchart : Provides official integrations and plugins for major documentation tools (including Confluence, Notion, and Google Workspace environments). By pasting a shareable Lucidchart link or using their dedicated macro/app, it embeds a live-rendering viewer on the page that stays synced whenever the source diagram is edited.
• Miro : If your wiki needs interactive whiteboards or live collaborative brainstorming spaces rather than just static flowcharts, Miro offers smart embeds and official plugins for platforms like Confluence and Notion. Users can view and interact with the board directly inside the wiki page.
• Mermaid : If your wiki supports Markdown or code-block rendering (like Notion, GitHub Wikis, GitBook, or MediaWiki via extensions), Mermaid lets you write text-based diagram definitions (flowcharts, sequence diagrams, Gantt charts) directly in the text. The wiki renders it as a live, crisp vector graphic on the fly without needing an external image file.
• Gliffy : A direct alternative to draw.io that is deeply embedded in the Atlassian/Confluence ecosystem. It allows inline diagram creation and updates live on the page whenever the macro file is modified.

Which specific wiki software are you using (e.g., Confluence, Notion, MediaWiki, BookStack), and do you prefer text-based code diagrams (like Mermaid) or a visual drag-and-drop editor (like Lucidchart/draw.io)? I can give you the exact integration steps.

Yes. If by “live diagrams” you mean a diagram stays embedded in the wiki and changes to the source automatically appear wherever it’s embedded, there are several good options.

• draw.io / diagrams.net — probably the closest match. Its Confluence integration lets you embed the same diagram on multiple pages; when the master diagram is edited and saved, all embedded instances update automatically.
• Lucidchart — provides live embeds where users can view or edit the Lucid document directly inside another web page; it also has a Confluence integration.
• Mermaid — excellent if your diagrams can be defined as text/code rather than drawn manually. There are Confluence integrations with live editing/preview, and the official Mermaid Chart app lets users create and edit diagrams directly within Confluence.
• Gliffy — an established Confluence diagramming option that embeds the diagram editor directly into pages.
• Creately — another diagramming platform with wiki/Confluence integration, supporting things such as flowcharts, UML, database diagrams, wireframes, and org charts.

My recommendation

If you tell me which wiki software you use (Confluence, MediaWiki, GitLab Wiki, Notion, BookStack, Outline, etc.), I can narrow this down to the tools that actually support native/live embedding in that particular wiki, including whether edits propagate automatically and what the licensing/cost looks like.

Yes. The strongest options depend on which wiki you use, but several tools specifically support live/embedded diagrams rather than static images:

• draw.io — probably the best-known option. Its Confluence integration lets you embed a diagram on multiple pages; when the original diagram changes, the embedded versions update automatically.
• Lucidchart — supports interactive embeds, including an external Embed API that can display or edit a Lucid document directly inside another webpage. It has integrations for Confluence and other documentation systems.
• Mermaid — especially good for technical documentation. Diagrams are defined as text/code and rendered live in supported wikis; Mermaid also describes its current integrations as embedding diagrams into docs and wikis rather than screenshots.
• PlantUML — another text-based approach, particularly good for UML and architecture diagrams. MediaWiki, for example, supports PlantUML alongside Mermaid and GraphViz through diagram extensions.

If by “live” you mean “I change the master diagram once, and every wiki page containing it automatically shows the new version,” then draw.io and Lucidchart are the closest matches. If you tell me which wiki software you use (e.g. Confluence, MediaWiki, Notion, BookStack, GitLab Wiki, Azure DevOps Wiki, etc.), I can tell you the best integration and how it works.

The ability to embed live, editable diagrams directly into wiki pages depends heavily on which specific wiki software you use, as the integration is usually provided via a plugin, extension, or built-in rendering engine.

The two dominant diagramming engines used for live wiki embedding are diagrams.net (draw.io) for visual drag-and-drop diagrams and Mermaid for text-to-diagram (diagrams as code).

The primary tools and how they map to popular wiki platforms include:

1. diagrams.net (draw.io)
   • What it offers: A full-featured, open-source, web-based visual diagramming tool (flowcharts, UML, cloud architecture, mind maps) that embeds directly into pages and allows inline re-editing.
   • Supported Wikis:
     • Atlassian Confluence: Through the official draw.io Diagrams App.
     • XWiki: Via the XWiki Pro Diagram app.
     • MediaWiki / BlueSpice: Via the DrawioEditor extension.
     • DokuWiki: Via the DokuWiki diagrams plugin.
     • GitLab (Wiki/Markdown): Built-in or configurable diagrams.net integration.
2. Mermaid
   • What it offers: A JavaScript-based tool that dynamically renders flowcharts, sequence diagrams, Gantt charts, and ER diagrams straight from Markdown-inspired text syntax right inside the page. No image uploading required.
   • Supported Wikis:
     • Confluence: Via marketplace add-ons like Mermaid Chart for Confluence or Mermaid Diagrams & Charts for Confluence.
     • Wiki.js: Has native built-in diagram support for Mermaid/code blocks out of the box.
     • Docmost / Notion-style modern open-source wikis: Often include native Docmost Mermaid/Draw.io integration.
3. Gliffy
   • What it offers: A robust visual diagramming tool built specifically for enterprise documentation.
   • Supported Wikis: Extensively integrated into Atlassian Confluence as an interactive macro where anyone with page-editing rights can open and modify the live diagram inline.
4. Hava / Cloud Visualizers
   • What it offers: Specialized live architecture diagramming that auto-syncs with cloud providers (AWS, Azure, GCP).
   • Supported Wikis: Offers dynamic Hava iFrame embedding for any wiki or intranet platform that allows safe HTML/iFrame injection.

If you let me know which specific wiki software you are currently using (e.g., Confluence, XWiki, MediaWiki, DokuWiki, or a custom/markdown-based wiki), I can tell you the exact plugin or syntax you need to set this up.

Several top-tier tools and integrations specialize in embedding live, interactive, or auto-updating diagrams directly into wiki and documentation pages. Depending on the specific wiki software your team uses, here are the leading options:

• draw.io (diagrams.net): This is the gold standard for embedded wiki diagramming. It has official, deeply integrated plugins/extensions for major platforms like Atlassian Confluence, GitLab Wikis , and various modern open-source documentation systems . It allows you to create, edit , and live-sync vector diagrams directly on the page without exporting static images . When you update the master diagram file, all embedded instances across your wiki update automatically.
• Mermaid.js: If your wiki supports Markdown or rich-text extensions (such as Notion, GitHub/GitLab markdown previews, Docmost , or Confluence via marketplace apps ), Mermaid lets you write code-based flowcharts, sequence diagrams, and Gantt charts natively inside the text editor . The wiki engine renders the text code into a crisp, live vector graphic on the fly every time the page loads.
• Excalidraw: Widely favored for hand-drawn, collaborative whiteboard-style architecture and system diagrams. Excalidraw integrations are available as plugins for various modern team wikis and knowledge bases (like Docmost or via third-party extensions in platforms like Confluence ), letting teams embed live canvases that stay editable.
• PlantUML: Excellent for technical and engineering documentation. Like Mermaid, it relies on text-based syntax to generate UML diagrams (class diagrams, component diagrams, etc.) dynamically within documentation platforms via specialized wiki macros or plugins.

To give you the exact setup instructions or compatibility details, what specific wiki software (e.g., Confluence, Notion, XWiki, Wiki.js, GitLab) is your team using?

Yes. If by “live” you mean the diagram is embedded in the wiki page and changes to the source diagram automatically show wherever it’s embedded, the strongest option I found is draw.io (diagrams.net).

• draw.io / diagrams.net — offers integrations/extensions for a number of wiki platforms, including MediaWiki, Wiki.js, XWiki, Tiki Wiki, and Nuclino.
• Confluence has particularly strong support: you can embed a diagram from another page, and when the original is edited, the embedded version updates automatically.
• MediaWiki has a DrawioEditor extension that provides inline editing, as well as Mermaid, PlantUML and other diagram extensions.
• Wiki.js specifically lists draw.io support for storing and displaying diagrams in documentation.
• draw.io also has an embed mode/API, so a wiki vendor can integrate the editor directly into its page editor rather than treating diagrams as static images.

If you tell me which wiki software you use (e.g. MediaWiki, Wiki.js, Confluence, XWiki, BookStack, DokuWiki, etc.), I can tell you the best diagramming option and exactly how the live embedding works.

Yes. If by “live” you mean the diagram remains embedded in the wiki page and updates when the underlying diagram is edited, the standout option is draw.io (diagrams.net).

• draw.io / diagrams.net — Has integrations for several wiki/documentation systems. In Confluence, for example, you can embed a diagram from a master diagram; edits to the original automatically update every embedded instance.
• Mermaid — Better if you want diagrams defined as text/code. Wiki systems such as MediaWiki can render Mermaid diagrams directly in pages, and Confluence has Mermaid integrations with live editing/preview.
• Lucidchart — Another major diagramming platform with wiki/documentation integrations, though the exact embedding behavior depends on the wiki.
• Excalidraw — Good for hand-drawn-style diagrams; some modern wiki products support it natively.

If you tell me which wiki software you use (Confluence, MediaWiki, BookStack, DokuWiki, Docmost, etc.), I can tell you which diagramming vendors offer a true live/editable embed for it and which is the best fit.

Several major diagramming platforms offer integrations and plugins that allow you to embed live, editable diagrams directly into wiki pages. The right choice often depends on which specific wiki software you are using.

• diagrams.net (draw.io) : Widely regarded as the most versatile and budget-friendly open-source option. It provides official native integrations or community plugins for popular wiki engines like Confluence, MediaWiki / BlueSpice, XWiki, Tiki Wiki, DokuWiki , and Wiki.js , as well as developer platforms like GitLab . Changes update live inside the pages, and it maps cleanly to the host platform's version history.
• Gliffy : A classic and polished alternative especially popular within Atlassian Confluence . It features an intuitive drag-and-drop editor that embeds directly into wiki pages via macros, allowing users with page-editing permissions to instantly launch the editor inline.
• Lucidchart : Offers robust enterprise-grade integrations for platforms like Confluence . It embeds a rich interactive viewer straight into documentation pages with auto-update capabilities, meaning edits made in Lucidchart propagate to the wiki automatically without needing to re-upload files.
• Mermaid.js / PlantUML (Text-to-Diagram) : If your wiki supports Markdown or rich-text extensions (such as Wiki.js, Docmost , or Atlassian Confluence via native smart blocks), you can use code-block diagramming. Diagrams render live from plain text code directly on the page every time the page loads, making version control trivial since the source code lives inside the wiki page text.

If you let me know which specific wiki software you are running (e.g., Confluence, MediaWiki, XWiki, DokuWiki, or a custom setup), I can tell you the exact plugin or integration path to get live embedding working.