mercat Chrome Extension

renders mermaid diagrams inline in markdown documents hosted on github.com..
A browser extension for chrome that renders Mermaid diagrams inline in markdown documents hosted on github.com.

using mermaid over images of your diagrams (png, jpg, etc.) in your markdown documents has the advantage that you can easily review any changes that are made to the diagram; they will appear as any other diff in your PRs. However, the problem is that the github flavored markdown will not render your diagram. This kind of defeats the purpose of using Mermaid.

This extension solves that dilemma by scanning your markdown documents for mermaid code blocks and replacing them with the actual diagrams. So you can keep reaping the benefits from diagrams-as-code yet get beautiful rendered diagrams when you read and share your markdown document on Github.

Etymology of the word Mer•cat:

It is a portmanteau of the words "Mermaid" and "OctoCat", the Github mascot. It sounds a bit like "meerkat", so that's what I call it and that's what the logo comes from.

How to install mercat chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the mercat Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension mercat Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the mercat in Chrome Webstore Search and click on the search button.
• Step 3: click on the mercat Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the mercat extension for your Chrome Web browser .