Enable `Mermaid diagrams` on github wiki and markdown files

Latest Version

Version
2.0.0
Update
June 21, 2020
Size
436KiB
Developer
Category
Users
2,000+
Rating
3.33333 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Https://*.visualstudio.com/*
Https://github.com/*
Https://gist.github.com/*
Https://bitbucket.org/*
See more

mermaid-diagrams Extension

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

```mermaid
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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "mermaid-diagrams", "version": "2.0.0", "description": "Enable `Mermaid diagrams` on github wiki and markdown files", "homepage_url": "https://github.com/Redisrupt/mermaid-diagrams", "manifest_version": 2, "minimum_chrome_version": "56", "permissions": [ "https://*.visualstudio.com/*", "https://github.com/*", "https://gist.github.com/*", "https://bitbucket.org/*" ], "icons": { "128": "icon.png" }, "content_scripts": [ { "run_at": "document_start", "matches": [ "https://*.visualstudio.com/*", "https://github.com/*", "https://gist.github.com/*", "https://bitbucket.org/*" ], "css": [ "diagrams.css", "on_change_animation.css" ], "js": [ "mermaid.min.js", "content.js" ] } ]}
Read more

Similar Extensions

icon

Markdown Diagrams Extension · Productivity 2,000+ 10 ★ 155KiB

icon

Markdown Viewer Extension · Productivity 2,000+ 352 ★ 2.36MiB

icon

Mermaid Graphical Editor Extension · Developer Tools 2,000+ 2 ★ 1.16MiB

icon

Markdown Here Extension · Productivity 2,000+ 367 ★ 534KiB

icon

Mermaid diagram renderer for GitHub Extension · Developer Tools 2,000+ 2 ★ 302KiB

icon

Mermaid Render Extension · Productivity 2,000+ 0 ★ 326KiB

icon

Mermaid extension Extension · Productivity 2,000+ 1 ★ 1.93MiB

icon

Mermaid Previewer Extension · Developer Tools 2,000+ 5 ★ 7.01MiB

icon

Mermaid Charts Extension · Developer Tools 2,000+ 1 ★ 238KiB

icon

Chrome Diagrammer Extension · Developer Tools 2,000+ 4 ★ 437KiB

icon

Github Sequence Diagrams Extension · Productivity 2,000+ 5 ★ 121KiB

icon

markdown mermaid Extension · Developer Tools 2,000+ 0 ★ 233KiB

icon

Monkeys | Mermaid for Github and Bitbucket Extension · Developer Tools 2,000+ 0 ★ 433KiB

icon

PlantUML Visualizer Extension · Developer Tools 2,000+ 6 ★ 419KiB

icon

PlantUML Viewer Extension · Developer Tools 2,000+ 104 ★ 36.92KiB

icon

Pegmatite Extension · Developer Tools 2,000+ 6 ★ 21.96KiB

icon

Asciidoctor.js Live Preview Extension · Productivity 2,000+ 76 ★ 3.93MiB

icon

PlantUML Extension Extension · Productivity 2,000+ 3 ★ 297KiB

icon

ZenUML Sequence Extension · Developer Tools 2,000+ 16 ★ 5.34MiB

icon

Octotree - GitHub code tree Extension · Developer Tools 2,000+ 1139 ★ 3.54MiB

icon

Markdown Editor Extension · Developer Tools 2,000+ 28 ★ 1.83MiB

icon

Markdown Preview Extension · Productivity 2,000+ 13 ★ 31.09KiB

icon

diagrams.net and draw.io Importer Extension · Productivity 2,000+ 22 ★ 36.06KiB

icon

Markdown Preview Plus Extension · Productivity 2,000+ 234 ★ 2.24MiB

User reviews

icon

Marcelo Fernández (Respuesta Digital) (ID: 0000004c58fb448c) Voted 5 ★ - Updated 03/21/2023 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 ~

icon

Simon Pratt (ID: 00000053f49761f4) Voted 2 ★ - Updated 01/11/2022 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

icon

Andrew Stanton (ID: 0000009a1dde94bc) Voted 2 ★ - Updated 04/13/2021 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.

icon

Bizhan Aminipour (ID: 000000e40ce3313c) Voted 2 ★ - Updated 02/17/2019 It doesn't work outside of github :/