mermaid-diagrams

Enable `Mermaid diagrams` on github wiki and markdown files
What is mermaid-diagrams?
Mermaid-Diagrams is a unique Chrome extension that enables users to generate, embed, and view interactive Mermaid diagrams within their github wiki pages or markdown files. The extension substitutes the Mermaid code block with the corresponding diagram, enhancing the visualization of data flows and sequences directly on GitHub.

Extension stats

By: roy
Users: 2,000+
Rating: 3.33 (6)
Version: 2.0.0 (Last updated: 2020-06-22)
Creation date: 2020-06-21
Risk impact: High risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • https://*.visualstudio.com/*
  • https://github.com/*
  • https://gist.github.com/*
  • https://bitbucket.org/*
Size: 446.46K

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Enable Mermaid diagrams on github wiki and markdown files like the ones found here: http://knsv.github.io/mermaid/index.html.

For example add this to any wiki page or markdown file in github

sequenceDiagram
  A->> B: Query
  B->> C: Forward query
  Note right of C: Thinking...
  C->> B: Response
  B->> A: Forward response

This will generate a nice diagram if loaded from github. The extension will just replace the code block with the generated diagram.

User reviews

I'm using ok this extension on google docs, I only have a problem with the invisible lines sintax (B~~~ Bcm2). I guess there is a problem with the special character ~

It doesn't allow you to modify the sites it can work against, preventing me from using it with the private github server I need to use. Unable to comment on the quality of the plugin, otherwise
by Simon Pratt, 2022-01-11

I wanted this to work, but it doesnt. There is just a blank space where the chart text was and where the image should be.
by Andrew Stanton, 2021-04-13
View all user reviews

Extension safety

Risk impact

mermaid-diagrams requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

mermaid-diagrams has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

mermaid-diagrams small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to mermaid-diagrams: