Mermaid Charts

Render mermaid charts on webpages

What is Mermaid Charts?

Mermaid Charts is a Chrome extension developed by acesmndr, and its main feature is "Render mermaid charts on webpages".

Extension Screenshots

screenshot

Download Mermaid Charts Extension CRX File

Download Mermaid Charts extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Render charts across websites written in markdown files with mermaid syntax.
Full support for
* Github
* Dillinger.io

Currently doesn't support
* Bitbucket

Features:
* Supports Flowchart, Sequence Diagram, ER Diagram, State Diagram, Class Diagram, Pie Chart and Gantt Chart
* Latest version of Mermaid.js (v8.5.1) integrated so has support for the latest mermaid js syntax
* Renders graphs from markdown files only when the extension icon is pressed
* Doesn't allocate memory and run in the background when not required
* Supports github wikis
* Fails silently and logs error to the console when rendering fails                    

Extension Basic Information

Name Mermaid Charts Mermaid Charts
ID hfllniagfgnpdjnamaoloegkepiglblf
Official URL https://chromewebstore.google.com/detail/mermaid-charts/hfllniagfgnpdjnamaoloegkepiglblf
Description Render mermaid charts on webpages
File Size 238 KB
Installation Count 288
Current Version 1.0.0
Last Updated 2021-05-02
Publish Date 2020-05-27
Rating 3.00/5 Total 1 Ratings
Developer acesmndr
Email [email protected]
Payment Type free
Extension Website https://github.com/Acesmndr/mermaid-charts-chrome-extension
Supported Languages en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Mermaid Charts",
    "version": "1.0.0",
    "description": "Render mermaid charts on webpages",
    "permissions": [
        "activeTab"
    ],
    "browser_action": {
        "default_title": "Render Mermaid Charts",
        "default_icon": "assets\/icons\/icon128.png"
    },
    "icons": {
        "16": "assets\/icons\/icon16.png",
        "48": "assets\/icons\/icon48.png",
        "128": "assets\/icons\/icon128.png"
    },
    "background": {
        "scripts": [
            "assets\/background.js"
        ],
        "persistent": false
    }
}