Mermaid with custom CSS
graph LR;
A-->B[AAA];
B-->D;
%% Class Definitions
%% =================
class A cssClass;
classDef cssClass fill:#f9f,stroke:#333,stroke-width:4px, font-size:15px;
graph-easy rendering
[ A ], [ B ], [ C ] ..> [ D ] {label: cool}
[D] --> [E] ~ label between arrow, yo! ~> [F]
[ Long Node Label\l left\r right\c center ]
-- A\r long\n edge label --> [ B ]
Code block highlight test
code block with languate set
code block without language
Simple code
goat (hugo built-in)
Sequence Diagram
https://arthursonzogni.com/Diagon/#Sequence