mermaid VS vscode-drawio

Compare mermaid vs vscode-drawio and see what are their differences.


Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown (by knsv)


This unofficial extension integrates (also known as into VS Code. (by hediet)
Our great sponsors
  • Amplication - open-source Node.js backend code generator
  • Appwrite - The open-source backend cloud platform
  • SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • Sonar - Write Clean JavaScript Code. Always.
  • Mergify - Updating dependencies is time-consuming.
mermaid vscode-drawio
108 5
61,204 8,798
2.5% -
9.9 0.0
6 days ago 6 months ago
JavaScript TypeScript
MIT License GNU General Public License v3.0 only
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 mermaid. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-08-16.


Posts with mentions or reviews of vscode-drawio. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-10-14.
  • Gitlab VSCode Extension Now Supports Locally-Hosted AI Completion with FauxPilot
    7 projects | | 14 Oct 2022
    Open VSX allows anyone to upload an extension there with the same name and description from the VSCode marketplace, but silently change code or make new releases, maybe introducing misfeatures or malicious code. Users typically don't notice because they think they are installing "the same" extension from the VSCode marketplace.

    > Hi ;)

    > I never published a version v999.0! It seems like you are using the unofficial open vsx marketplace (where, apparently, anyone can upload anything). You can find an issue here in this repository about it.

    > Unfortunately, someone uploaded the extension in that version which blocks any further updates with that name.

    > For now I believe in Microsofts vision. I don't think a secondary marketplace is good for the community - It just causes confusions like this.

    > If you setup a github action that automatically publishes this extension to open vsx, please open a PR! ;)

    The established practice of having random individuals set up ad-hoc mirrors of VSCode extensions is a serious security issue.

    If Open VSX wants to mirror VSCode extensions, that's okay - but they should do so with an automated process that mirrors ALL extensions and do not allow for people to silently change the code of an extension.

    If someone want to copy the code of an existing VSCode extension, change some things and upload it to Open VSX, that's okay too, but please fork it and clearly indicate in the description that the extension is a fork, linking to the source code of the original extension.

  • VSCode extensions that you need [Webdevs]🚀🔧
    18 projects | | 15 Sep 2021
    7. integration
  • Ask HN: What diagrams do you use in software development?
    12 projects | | 26 Apr 2021

What are some alternatives?

When comparing mermaid and vscode-drawio you can also consider the following projects:

plantuml - Generate diagrams from textual description

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

aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources - is a JavaScript, client-side editor for general diagramming and whiteboarding

d2 - D2 is a modern diagram scripting language that turns text to diagrams.

excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams


Graphviz - Simple Python interface for Graphviz

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

gcp-icons-for-plantuml - PlantUML sprites, macros, and other includes for Google Cloud Platform services and resources

GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

sphinx-diagrams - Rough Sphinx extension for diagrams