Mermaid Diagram Generation
An overview on mermaid diagrams and how they can be usefull for dynamic diagram generation.
File System
flowchart TB
%% Nodes ==========
subgraph TOP
TOP_code.py(code.py)
subgraph lib
lib_display(display)
subgraph net
net_wifi.py(wifi.py)
end
end
subgraph venv
venv_time(time)
venv_streamlit(streamlit)
end
end
%% Links ==========
TOP_code.py --run--- lib_display
TOP_code.py --sleep--- venv_time
TOP_code.py --st--- venv_streamlit
lib_display --wifi--- net_wifi.py
Inspec system
flowchart LR
Design --purchase--> Receive --> Inspection_Processing --> Inventory_Database --> Product
Design <--> Agent --- Inventory_Database
Wiring Diagrams
flowchart TB
%% Nodes ==========
subgraph TOP
TOP_USB-C(USB-C)
subgraph power
power_12v(12v)
power_GND(GND)
end
subgraph rp2040
rp2040_USB-C(USB-C)
rp2040_3v3(3v3)
rp2040_GND(GND)
rp2040_GPIO0(GPIO0)
rp2040_GPIO1(GPIO1)
rp2040_GPIO2(GPIO2)
rp2040_GPIO3(GPIO3)
end
subgraph driver
driver_3v3(3v3)
driver_GND(GND)
driver_Vmot(Vmot)
driver_step(step)
driver_dir(dir)
driver_A1(A1)
driver_A2(A2)
driver_A3(A3)
driver_A4(A4)
end
subgraph Stepper
Stepper_A1(A1)
Stepper_A2(A2)
Stepper_A3(A3)
Stepper_A4(A4)
end
end
%% Links ==========
%% 1
TOP_USB-C --USB-C--- rp2040_USB-C
power_12v --12v--- driver_Vmot
power_GND --GND--- rp2040_GND
rp2040_GND --GND--- driver_GND
rp2040_3v3 --3v3--- driver_3v3
rp2040_GPIO0 --step--- driver_step
rp2040_GPIO1 --dir--- driver_dir
driver_A1 --A1--- Stepper_A1
driver_A2 --A2--- Stepper_A2
driver_A3 --A3--- Stepper_A3
driver_A4 --A4--- Stepper_A4
%% Styles ==========
linkStyle 2 stroke-width:5
linkStyle 3 stroke-width:5
linkStyle 4 stroke:red,stroke-width:5
Mermaid Diagrams
flowchart TB
%% Nodes ==========
subgraph TOP
TOP_code.py(code.py)
subgraph lib
lib_display(display)
subgraph net
net_wifi.py(wifi.py)
end
end
subgraph venv
venv_time(time)
venv_streamlit(streamlit)
end
end
%% Links ==========
TOP_code.py --run--- lib_display
TOP_code.py --sleep--- venv_time
TOP_code.py --st--- venv_streamlit
lib_display --wifi--- net_wifi.py