Render PlantUML, Mermaid and others graph/diagrams on webpages.
A browser extension for Chrome, Edge, Opera and Firefox that renders markdown diagrams and charts code blocks into preview images.
Supports many languages: PlantUML, Mermaid, GraphViz and many more (full list on website).
Supports any website:
- GitHub, GitLab, Bitbucket: md files, pull requests, issues, gists, wiki...
- Atlassian: Jira, Confluence, Trello...
- all other websites trying known patterns.
- local files when rendered with some markdown extension.
How to use: simply put diagram or chart code into a blockquote
```language
code here
```
Double click to rendered diagram to swith to code/diagram.
Click to extension icon to disable/enable parsing in current browser tab.
Examples
https://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples
https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples
https://github.com/marcozaccari/markdown-diagrams-browser-extension
Latest reviews
- (2023-07-26) Edilberto Samudio: Love it but I had used this extension for a while, but from the last week, it stop working, I downloaded the version of kroki.io but it didn't work in my local environment, so probably there is a breaking change in Kroki.io
- (2023-06-21) Хасан Шадияров: Work without any unnecessary stuff, love it!
- (2023-02-13) Valerio Pietrantoni: Finalmente un plugin funzionante per mermaid!
- (2021-09-03) Patrick Burrows: Works as described!
- (2021-04-15) Daichi Shirakawa: works mermaid correctly!
- (2021-03-15) Edoardo: Wonderful and very useful!