Skip to content

Instantly share code, notes, and snippets.

@abdidaudpropel
Created August 31, 2022 08:26
Show Gist options
  • Save abdidaudpropel/8b5c8a291931a85e672fb935c2946d16 to your computer and use it in GitHub Desktop.
Save abdidaudpropel/8b5c8a291931a85e672fb935c2946d16 to your computer and use it in GitHub Desktop.

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

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 Draw.io

Mermaid is compatible with draw.io. See more here

Example

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]

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