Markdown Diagrams

#4.9 / 10 rate

Markdown Diagrams

5,000 users

2020-08-16

modulo.srl

Extension Information

5 star
82%
4 star
12%
3 star
6%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

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

Reviews

Candido To
Candido To

excelente, o que precisava, bom trabalho, Deus abençoe todos envolvidos

Kris Cruickshank
Kris Cruickshank

This is fantastic. I quite often get ChatGPT to make PlantUML diagrams and it is annoying the don't render them, feels like something they could do. But this plugin just does it. Fantastic. I also used the docker instructions to run my own render server so my diagrams don't go to public server. Very very easy. Thanks. One suggestion to improve, it would be nice if it was easy to switch between the rendered version and the text version. So that I can copy the PlantUML too.

Wayne Chen
Wayne Chen

A wonderful tool for viewing online Markdown documentation.

Similar extensions

diagrams.net and draw.io Importer
diagrams.net and draw.io Importer

https://diagrams.net

Markdown Viewer
Markdown Viewer

simov.github.io

Mermaid Charts
Mermaid Charts

acesmndr

Mind Maps for Google Chrome™
Mind Maps for Google Chrome™

freebusinessapps

GPT Diagram Maker
GPT Diagram Maker

https://www.livepolls.app/chrome_addons

Mind maps
Mind maps

Eugen Guriev

Mermaid diagram renderer for GitHub
Mermaid diagram renderer for GitHub

tanakafwd.publish

mermaid-diagrams
mermaid-diagrams

roy

PlantUML Viewer
PlantUML Viewer

Peter Prikryl

PlantUML Visualizer
PlantUML Visualizer

https://willbooster.com

PlantUML Extension
PlantUML Extension

yeongjun

BPMN, DMN & Test Scenario Editors for GitHub
BPMN, DMN & Test Scenario Editors for GitHub

Apache KIE™ (incubating)