https://github.com/inkdropapp/inkdrop-mermaid

Mermaid plugin for Inkdrop which lets you draw diagrams and flowcharts
https://github.com/inkdropapp/inkdrop-mermaid

Last synced: about 1 year ago
JSON representation

Mermaid plugin for Inkdrop which lets you draw diagrams and flowcharts

• Host: GitHub
• URL: https://github.com/inkdropapp/inkdrop-mermaid
• Owner: inkdropapp
• License: mit
• Created: 2017-11-28T02:46:30.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2025-03-07T01:20:07.000Z (over 1 year ago)
• Last Synced: 2025-03-24T06:45:18.223Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://www.inkdrop.app/
• Size: 6.01 MB
• Stars: 28
• Watchers: 2
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README-mobile.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
It allows you to draw flowcharts and diagrams using [mermaid.js](https://mermaidjs.github.io/) in Markdown code block.

## Usage

    ```mermaid

    graph LR

        A --- B

        B-->C[fa:fa-ban forbidden]

        B-->D(fa:fa-spinner);

    ```

It will be rendered as:

![](https://github.com/inkdropapp/inkdrop-mermaid/raw/master/docs/images/example-01.png)

    ```mermaid

    sequenceDiagram

        participant Alice

        participant Bob

        Alice->John: Hello John, how are you?

        loop Healthcheck

            John->John: Fight against hypochondria

        end

        Note right of John: Rational thoughts 
prevail...

        John-->Alice: Great!

        John->Bob: How about you?

        Bob-->John: Jolly good!

    ```

It will be rendered as:

![](https://github.com/inkdropapp/inkdrop-mermaid/raw/master/docs/images/example-02.png)