Markdown Diagrams

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

Markdown Diagrams Chrome Extension

'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.
Install from Chrome Web Store

Extension stats

Users: 4,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:
Manifest version: 2
Permissions:
  • storage
  • <all_urls>
Size: 158.72K

Other platforms

Not available on Android
Markdown Diagrams (v1.2)
5.00 (3) 206
Markdown Diagrams (v1.2)
3.40 (5) 3,548+
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.

Extension summary

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
See more

User reviews

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
  • Useful for rendering PlantUML and Mermaid diagrams
  • Easy to use
  • Option to run own render server for diagrams
Cons
  • Some users experienced issues with rendering diagrams
  • Difficulty switching between rendered version and text version
Most mentioned
  • Useful for rendering PlantUML and Mermaid diagrams
  • Stopped working for some users
  • Easy to use
User reviews
excelente, o que precisava, bom trabalho, Deus abençoe todos envolvidos
by Candido To, 2024-05-29

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.
by Kris Cruickshank, 2024-01-16

A wonderful tool for viewing online Markdown documentation.
by Wayne Chen, 2023-11-15
View all user reviews

Extension safety

Risk impact

Markdown Diagrams requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

Markdown Diagrams has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

Markdown Diagrams small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Markdown Diagrams: