draw.io VS mermaid

Compare draw.io vs mermaid and see what are their differences.


Source to app.diagrams.net (by jgraph)


Generation of diagram and flowchart from text in a similar manner as markdown (by knsv)
Our great sponsors
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • OPS - Build and Run Open Source Unikernels
  • Scout APM - Less time debugging, more time building
draw.io mermaid
52 43
27,398 39,806
3.3% 2.8%
8.9 9.8
5 days ago 7 days ago
JavaScript JavaScript
Apache License 2.0 MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.


Posts with mentions or reviews of draw.io. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-01-01.
  • Diagrams(Draw.io), a Free Lucidchart
    1 project | news.ycombinator.com | 19 Jan 2022
  • Best practices for documenting PowerBI report
    1 project | reddit.com/r/PowerBI | 18 Jan 2022
    Regarding software, I've found diagrams.net to be incredible for this. Also, I believe a lightweight version of Visio online is now included with O365/M365 (Microsoft adds 'lightweight' Visio web app for no extra fee to Microsoft 365 for business plans)
  • JavaScript prototype demystified once and forever
    1 project | dev.to | 1 Jan 2022
    Also as a helper consider this simplified .prototype vs. proto diagram made by me (powered by @jgraph/drawio)
  • Truly Headless Draw.io Exports
    5 projects | news.ycombinator.com | 1 Jan 2022
    https://github.com/jgraph/drawio/issues/774 is the ticket about the SVG FOs. Going to PDF and then to SVG in inkscape is an interesting idea, but then needs a server, that makes it harder for others to set the project up.
    5 projects | news.ycombinator.com | 1 Jan 2022
    Foreign Object support in SVG is an optional part of the 1.1 SVG. Yes, it's true that only browsers support it in practice.

    The reason for its usage is historic. Originally, this project was the underlying diagramming library only, that uses the SVG DOM for rendering. There was no application and no SVG export, that wasn't a function of the library.

    FOs in SVG gave us the whole range of HTML in shape labels. So, as well as complex text formatting, we used it for tables, complex composites, etc. There a large legacy of shapes that use complex HTML for labels, we can't drop support for those.

    The app itself came later and the SVG export function even later. It was fairly easy to generate because we can take it from the SVG DOM. But, converting HTML to SVG requires parsing the full HTML specification and generating the SVG to maintain compatibilty. This is an horrifically large task, it would require probably 5+ people full time, we don't have that resource.

    I'm not sure calling it SVG is "tacky". It is part of the SVG 1.1 spec, albeit an optional one, it's not like it's isn't SVG at all. But yes, it causes confusion, thus the entry in the README [1], "It is not an SVG editing app, the SVG export is designed only for embedding in web pages, not for further editing in other tools."

    Even using SVG for word wrapping alone, we've repeatedly asked critics how to do that without HTML for measuring the font metrics, we're yet to receive an answer how to do that in JavaScript. We've had plenty of comments pointing out this is wrong, we need a practical alternative thought out in detail.

    [1] https://github.com/jgraph/drawio

  • Microsoft screwing over sysadmins again
    1 project | reddit.com/r/sysadmin | 20 Dec 2021
    If their users all have admin, they could already go buy Visio or Project or any of their competing products from a shop and install it. They could download trial versions from https://www.microsoft.com/en-us/evalcenter/evaluate-visio or https://www.diagrams.net/
  • Why Wolfram Tech Isn’t Open Source–A Dozen Reasons
    3 projects | news.ycombinator.com | 18 Dec 2021
    You are conflating "open source" with "open contribution". https://github.com/jgraph/drawio#open-source-not-open-contri... explains it neatly:

    > Similar to SQLite, diagrams.net is open source but closed to contributions.

    > The level of complexity of this project means that even simple changes can break a lot of other moving parts. The amount of testing required is far more than it first seems. If we were to receive a PR, we'd have to basically throw it away and write it how we want it to be implemented.

    > We are grateful for community involvement, bug reports, & feature requests. We do not wish to come off as anything but welcoming, however, we've made the decision to keep this project closed to contributions for the long term viability of the project.

  • Decision flow chart software
    1 project | reddit.com/r/selfhosted | 16 Dec 2021
    www.diagrams.net - free, excellent. I used paid LucidChart for years, but recently downgraded to LucidChart Free while I switch to Diagrams.net.
  • Today's 30-in-30 release will feature the free open source online diagram software, diagrams.net (formerly draw.io)
    1 project | reddit.com/r/Flux_Official | 13 Dec 2021
    You can learn more here: https://www.diagrams.net/
  • How often are you writing UML diagrams in your professional software engineer job?
    1 project | reddit.com/r/cscareerquestions | 11 Dec 2021
    For more custom diagrams I have used diagrams.net (what Lucid Charts is based off of/uses).


Posts with mentions or reviews of mermaid. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-01-17.

What are some alternatives?

When comparing draw.io and mermaid you can also consider the following projects:

plantuml - Generate diagrams from textual description

excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams

C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

HackMD - CodiMD - Realtime collaborative markdown notes on all platforms.

aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources

markdown-preview-enhanced - One of the 'BEST' markdown preview extensions for Atom editor!

sphinx-diagrams - Rough Sphinx extension for diagrams

drawio-desktop - Official electron build of diagrams.net

Azure-PlantUML - PlantUML sprites, macros, and other includes for Azure services

OpenNote - OpenNote was built to be an open web-based alternative to Microsoft OneNote (T) and EverNote.