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

If you mean a wiki where diagrams stay live/linked inside pages (not just pasted images), the main vendors to look at are:

Most common choice for a traditional wiki:

• Confluence → draw.io integration is probably the closest match to “edit a diagram once, embed it in multiple pages, and keep it live.”
• MediaWiki / Wiki.js / XWiki → draw.io plugins/extensions are common for self-hosted wikis.
• Developer documentation wikis → Mermaid or PlantUML if you want diagrams stored as text alongside pages.

If you tell me which wiki software you use (Confluence, MediaWiki, Wiki.js, BookStack, SharePoint, Notion, etc.), I can narrow it down to the best-supported options.

Depending on whether your team prefers a visual drag-and-drop editor (like Visio) or a diagram-as-code approach (writing text that renders into an image), two standout tools dominate the market for embedding live, editable diagrams directly into wiki pages.

• draw.io (Diagrams.net) - The gold standard for visual, click-and-connect diagramming. It offers native or plugin-based integrations across nearly every major wiki platform. When you embed a draw.io diagram, clicking it opens a full visual editor right inside or over your wiki session, saving changes directly onto the page as an interactive object or synchronized SVG.
• Mermaid.js - The premier "diagram-as-code" tool. Instead of drawing shapes, you write Markdown-inspired text blocks (flowcharts, sequence diagrams, ERDs, etc.) directly in your wiki editor. The wiki platform natively compiles and renders the code into a sharp, live vector graphic on the fly.

Wiki Software & Their Supported Diagram Tools

• Confluence (Atlassian) : Use the official draw.io Diagrams for Confluence app from the Atlassian Marketplace (or Gliffy ). Typing /draw.io or /draw brings up a live canvas where teams can collaborate, build flowcharts, and sync embedded versions across multiple pages.
• XWiki : Uses the official XWiki Pro Diagram app or the community Diagram Application , both of which integrate jgraph/draw.io so diagrams are stored and revision-controlled as living page components.
• MediaWiki / BlueSpice : Supports the draw.io extension for MediaWiki for inline visual editing, alongside the core Diagrams extension which handles Mermaid and PlantUML rendering.
• DokuWiki : Offers the DokuWiki Diagrams Plugin (integrating diagrams.net/draw.io in embed mode) and a dedicated Mermaid Plugin for code-based charts.
• Wiki.js : Features built-in modular support. You can toggle on the draw.io integration or use native Mermaid blocks to generate diagrams on the fly.
• Notion / Nuclino / Azure DevOps : These modern documentation and wiki platforms feature native Mermaid support out of the box via fenced code blocks (````mermaid` ), and many allow seamless draw.io or Miro embedding via simple paste-to-embed triggers.

If you share what specific wiki software you are running (e.g., Confluence, MediaWiki, DokuWiki, or a custom setup), I can give you the exact installation steps or plugin names you need.

If you mean a wiki/documentation platform where diagrams remain live (editable, not just pasted as images) and can be embedded into pages, several vendors offer this. The best fit depends on your wiki software:

A few examples:

• MediaWiki: the diagrams.net (draw.io) editor has a MediaWiki extension that lets users insert diagrams into wiki pages and edit them inline.
• Confluence: draw.io provides macros for embedding diagrams; embedded diagrams can remain connected to a source diagram so changes propagate.
• XWiki / Wiki.js / Tiki: draw.io lists integrations for these wiki platforms.

If you tell me which wiki software you use (for example MediaWiki, Confluence, SharePoint, Notion, BookStack, Wiki.js, XWiki, GitLab Wiki, etc.) and whether you need real-time multi-user editing or just live embedded diagrams, I can narrow it down.

Several leading diagramming tools and native platform integrations allow you to embed live, editable diagrams directly into wiki pages. The best choice depends entirely on which wiki software you are using.

• draw.io (diagrams.net) — The most widely supported open-source option. It offers robust official or community plugins/extensions for major wiki platforms, letting users create and live-edit flowcharts, UML, and network diagrams directly inside the wiki page.
  • Supported Wikis: Confluence, XWiki, DokuWiki, MediaWiki, and Docmost.
• Lucidchart — A powerhouse for enterprise and advanced visual collaboration. It provides official add-ons that embed fully interactive, auto-updating diagrams into pages with deep permission controls and real-time multiplayer features.
  • Supported Wikis: Atlassian Confluence, Notion, and custom platforms via embed/iFrame codes.
• Gliffy — A mature, long-standing diagramming tool designed specifically for technical and software documentation. It embeds directly into pages with dedicated macros, allowing inline viewing and quick editing.
  • Supported Wikis: Atlassian Confluence and XWiki (via Pro extensions).
• Mermaid.js (Text-based Diagrams) — If your wiki supports Markdown or rich-text extensions (like Wiki.js, Docmost, or MediaWiki), Mermaid lets you write diagram code (flowcharts, sequence diagrams, gantt charts) natively in the text editor. The wiki then renders it into a clean, live vector diagram on the fly without needing an external graphic file.

To narrow down the exact setup you need, which specific wiki software (e.g., Confluence, MediaWiki, DokuWiki, XWiki, Wiki.js) is your team using?

If your goal is live diagrams embedded in wiki pages (so the page always shows the current version rather than a static image), there are several strong options:

If you specifically want a live embedded diagram hosted elsewhere, these products are designed around that concept:

• ChartDB – Interactive database diagrams that can be embedded into Confluence, Notion, internal wikis, and other documentation systems, updating automatically as the source diagram changes.
• dbdiagram.io – Live embedded ER diagrams via an iframe.
• Mermaid Chart – Create and share Mermaid diagrams that render live and can be embedded in documentation and wikis.

If you're using a common wiki

• Confluence

  • draw.io (diagrams.net)
  • Gliffy
  • Lucidchart
  • Mermaid (plugin or built-in depending on configuration)

• MediaWiki

  • Mermaid or PlantUML via the Diagrams extension.

• GitHub/GitLab Wikis

  • Mermaid is usually the easiest because diagrams are stored as text and rendered automatically.

• BookStack / Wiki.js / DokuWiki

  • Mermaid is commonly supported directly or through plugins.

If you tell me which wiki software you're using (Confluence, MediaWiki, Wiki.js, BookStack, XWiki, DokuWiki, etc.), I can recommend the integration that provides the smoothest live embedding experience.

Several dedicated diagramming tools and text-based extensions allow you to embed live, interactive, or auto-rendering diagrams directly into wiki pages. The best choice depends heavily on which specific wiki software you are using.

• draw.io (diagrams.net) : The most popular open-source option for live-embedding visual flowcharts, network topologies, and UML diagrams. It offers robust integrations and plugins across major wiki and documentation platforms like Confluence, MediaWiki / BlueSpice, DokuWiki , and XWiki . Diagrams live right in the page data (often as XML or SVG) and launch an inline editor when clicked.
• Lucidchart : A commercial, feature-rich visual workspace that provides official add-ons (such as for Confluence ). It allows users to embed live-rendering diagrams that stay synchronized with your central Lucid account, supporting multiplayer viewing and commenting directly from documentation pages.
• Gliffy : A long-standing HTML5 diagramming tool built specifically with enterprise wiki integration in mind. It functions closely alongside tools like Confluence, letting users edit flowcharts and wireframes natively in-browser without leaving the wiki workflow.
• Mermaid.js / PlantUML : If your wiki supports "diagrams-as-code" (rendered via Markdown text blocks), Mermaid and PlantUML are natively supported or available via extensions in platforms like MediaWiki, Docmost , and GitHub/GitLab-based wikis. The code lives cleanly in the text and compiles into a live vector graphic every time the page loads.

If you share which specific wiki software you are currently using (e.g., Confluence, MediaWiki, DokuWiki, XWiki, or a custom setup), I can give you the exact plugin or extension name and integration steps to set it up.

If your goal is live diagrams that stay synchronized inside wiki pages (rather than static PNG exports), there are several good options depending on your wiki platform:

Some additional products focus specifically on embedding a single live source of truth into documentation:

• Atlas – designed around embedding live diagrams that automatically update wherever they're embedded.
• Glideflow – architecture diagrams that stay synchronized across documentation via iframe embeds.
• Vexlio – interactive diagrams with drill-down popups that can be embedded in wikis.

If you're using a common wiki

• Confluence: Gliffy, draw.io (diagrams.net), and Mermaid are the most common choices.
• MediaWiki: Mermaid and PlantUML extensions are widely used.
• DokuWiki: Mermaid and PlantUML plugins are available.
• BookStack/Markdown wikis: Mermaid is often built in or easily added.

If you tell me which wiki software you're using (e.g. Confluence, MediaWiki, DokuWiki, XWiki, BookStack, GitHub Wiki, etc.), I can narrow the recommendations to the options that integrate best with it.

Several tools and platforms offer live, editable diagramming that can be embedded directly into wiki software. diagrams.net (formerly draw.io) is the most common, free, and widely supported tool for this purpose, often used as an extension for popular wiki systems.

Here are the top options and how they integrate:

• diagrams.net (draw.io): This is the industry standard for open-source, embeddable diagrams.
  • Platforms: It is available as a plugin for DokuWiki, MediaWiki, XWiki, GitLab Wiki , and Wiki.js.
  • Live Editing: It offers a "mediafile mode" that saves diagrams as SVGs in the wiki, and an "embed mode" that allows direct, live editing.
• Lucidchart: A paid alternative that provides native integration with platforms like Confluence and Azure DevOps Wiki.
• Mermaid.js: Used for "diagrams as code," where you write text that renders into a visual diagram. It is supported by platforms like Notion, GitHub, and various Wiki tools for real-time visualization.
• Hava.io: Specializes in embedding live, interactive cloud architecture diagrams via iframes, useful for documentation wikis.
• Graphviz: A FOSS (Free and Open-Source Software) tool often used with older wikis to generate diagrams from text, available as a plugin.

Implementation Tips:

• Embed vs. File: To keep diagrams "live" and editable, you should use the embed functionality rather than exporting and uploading them as static PNG images.
• Storage: Many of these tools allow you to save the diagram definition (XML) in your Git repository or wiki storage, allowing the diagram to be version-controlled along with the wiki page.

If you tell me what specific wiki software you are using (e.g., Confluence, MediaWiki, DokuWiki, Wiki.js), I can tell you exactly which extension or plugin you need to install.

Several tools allow you to embed live, editable, and interactive diagrams into wiki pages, with Draw.io (diagrams.net) being the most versatile and widely used option.

Here are the top solutions based on your needs:

• Draw.io (diagrams.net):
  • Best for: General diagramming, flowcharts, org charts, and network diagrams.
  • Wiki Integration: Offers plugins for Confluence, MediaWiki/BlueSpice, DokuWiki , and GitLab.
  • Live Feature: Diagrams can be created as SVG images, allowing them to remain crisp and live within the page.
  • Editing: Clicking the diagram opens the editor directly within the wiki environment.
• Mermaid.js:
  • Best for: Technical documentation, sequence diagrams, and class diagrams.
  • Wiki Integration: Supported natively in GitHub Wikis, GitLab, and some Notion setups.
  • Live Feature: Diagrams are generated from text, making them incredibly easy to update without needing a graphical editor.
• Lucidchart:
  • Best for: Enterprise-level, professional diagramming with high-end collaboration features.
  • Wiki Integration: Offers plugins for Confluence and can be embedded via iFrames in other wikis.
• Creately:
  • Best for: Quick, visual diagrams that require embedding into CMS and wiki systems.
  • Live Feature: Supports live embedding with zooming and panning capabilities.

Key Considerations for Wiki Integration

• Storage Methods: Some systems (like DokuWiki) allow you to store diagrams directly in the page’s syntax, while others store them as media files.
• Security: For self-hosted wikis like Wiki.js, you may need to configure your server to allow traffic from app.diagrams.net.

To recommend the best tool, I can:

• Identify the specific wiki software you use (e.g., Confluence, DokuWiki, MediaWiki, Notion, Wiki.js).
• Rank them easiest -> hardest for your team.
• Tell you if it works in self-hosted environments.

Let me know which platform you are currently using!

If your goal is live, editable diagrams embedded directly into wiki pages (rather than static images), these are the leading options:

Some recommendations depending on your environment:

• If you use Confluence, the most common choices are:

  • Mermaid Chart (live synchronized diagrams)
  • Lucidchart
  • diagrams.net (formerly draw.io), which is widely adopted and stores editable diagrams in Confluence.

• If your wiki is MediaWiki or another generic wiki, diagrams.net often has plugins or embedding support, while Mermaid can frequently be rendered directly through extensions.

• If your documentation is stored in Git, Mermaid is especially attractive because the diagram source is plain text, making it easy to version and review alongside documentation.

Can you tell me which wiki software you're using (for example, Confluence, MediaWiki, DokuWiki, XWiki, BookStack, Wiki.js, etc.)? That will narrow the recommendations to tools that integrate natively with your platform.