Skip to content

Instantly share code, notes, and snippets.

Created August 31, 2022 08:26
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?

This repository is keep (UML) diagrams in source control and be humen readable. It supports both diagrams using Mermaid.


Mermaid is a text-first charting tool that renders a Markdown-inspired text. It currently supports:

  • Flow diagrams
  • Sequence diagram
  • class diagram
  • state diagram
  • and more

Check Mermaid's doc for more details.

Using with VS code

When using Mermaid, it is recommended to use VS code with this extension

Using with github

Github autumatically generates the mermaid diagram in an .md file.

Using with

Mermaid is compatible with See more here


graph TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment