Markdown Diagrams

Render PlantUML, Mermaid and others graph/diagrams on webpages.

What is Markdown Diagrams?

'Markdown Diagrams' is a versatile browser extension for Chrome, Edge, Opera and Firefox. It translates markdown diagram and chart code blocks into visual preview images, supporting PlantUML, Mermaid, GraphViz among others. Works on GitHub, GitLab, BitBucket, Atlassian tools and other sites with known patterns. Also, it supports local files when used with a markdown extension.

Download

Stats

By: modulo.srl

View on Chrome Web Store

Users: 5,000+

Rating: 4.90 (10)

Version: 1.21 (Last updated: 2022-01-26)

Creation date: 2020-08-16

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

storage
<all_urls>

Size: 158.72K

Email: in*****@modulo.srl

URLs: Website

Stats date:

Chrome-Stats Rank

# 14225 ▼ 41

Other rankings

#625 in Workflow & Planning ▼ 2 #92 in chart keyword 9 ▲ 2

Other platforms

Not available on Firefox

Markdown Diagrams (v1.2)

3.40 (5) 3,263+

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

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

code here

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Can render PlantUML and Mermaid diagrams
Ability to run own render server for privacy
Simplicity and ease of use
Effective for viewing Markdown diagrams online
Supports viewing diagrams in markdown files on repositories without a compatible renderer

Cons

Some users experience Error 400 when converting diagrams
Issues with extension not working and difficulty in troubleshooting
Lack of easy switching between rendered version and text version
Potential compatibility issues with updates to Kroki.io

Most mentioned

Diagrams rendering (PlantUML, Mermaid)
Errors or issues with the extension not working
Running own render server
Ease of switching between diagram and text
Extension compatibility and updates

Recent reviews

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.

Kris Cruickshank, 2024-01-16

A wonderful tool for viewing online Markdown documentation.

Wayne Chen, 2023-11-15

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

Edilberto Samudio, 2023-07-26

View all user reviews

Safety

Risk impact

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