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.

Download

Stats

By: roy

View on Chrome Web Store

Users: 2,000+

Rating: 3.33 (6)

Version: 2.0.0 (Last updated: 2020-06-22)

Creation date: 2020-06-21

Risk impact: Moderate 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

Email: ro*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 21350 ▼ 23

Other rankings

#2846 in Developer Tools ▲ 8 #243 in response keyword 6 ▲ 4 #247 in query keyword 5 ▼ 1 #279 in wiki keyword 29

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.

Summary

Analyze keywords

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 ~

Marcelo Fernández (Respuesta Digital), 2023-03-21

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

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.

Andrew Stanton, 2021-04-13

View all user reviews

Safety

Risk impact

mermaid-diagrams may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.