How to make Quick Diagrams: MermaidJS and more

An image is worth a 1000 words.

I cant disagree with that sentece since I discovered these tools:

1. MermaidJS
2. Python Diagrams and DrawIO

MermaidJS

A game changer for documenting processes and architecture diagrams:

• https://mermaid.live/

Example A top down flow chart:

graph TD;
    Apps-->Double-Click;
    Double-Click-->.deb
    Double-Click-->.Appimage
    Apps-->Terminal;
    Terminal-->APT/NALA;

Dont be afraid, the MermaidJS docs are just amazing to follow: https://mermaid.js.org/intro/

Im in love with Mermaid to create really quick diagrams for D&A Architechtural designs:

graph LR
    subgraph Gold
        direction LR
        G1
         
    end
 
    subgraph Silver
        direction LR
        S1 --> G1
        S2 --> G1
    end
 
    subgraph Bronze
        direction LR
        B1 --> S1
        B2 --> S2
        B3 --> S2
      
    end

Other Diagram Tools

How could it not be a possibility with Python?

1. Python Diagrams

And if you want, you have a SelfHosted option:

2. DrawIO