%%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true, 'background': 'rgb(13, 17, 23)' }}}%%
graph LR
%% Defining different node styles with various shapes and colors
classDef roundStyle fill:#FF9900,stroke:#FFF,stroke-width:2px,color:white,shape:circle
classDef diamondStyle fill:#3498DB,stroke:#FFF,stroke-width:2px,color:white,shape:diamond
classDef hexagonStyle fill:#2ECC71,stroke:#FFF,stroke-width:2px,color:white,shape:hexagon
classDef rectStyle fill:#E74C3C,stroke:#FFF,stroke-width:2px,color:white,shape:rect
classDef stadium fill:#9B59B6,stroke:#FFF,stroke-width:2px,color:white,shape:stadium
classDef subroutine fill:#F1C40F,stroke:#FFF,stroke-width:2px,color:white,shape:subroutine
classDef cylinderStyle fill:#1ABC9C,stroke:#FFF,stroke-width:2px,color:white,shape:hexagon
%% Creating a node for each letter of "VINCENT"
V{V}:::diamondStyle --> I((I)):::roundStyle
I --> N[N]:::rectStyle
N --> C{{C}}:::diamondStyle
C --> E[/E/]:::subroutine
E --> N2[(N)]:::cylinderStyle
N2 --> T{{T}}:::hexagonStyle
%% Adding just one diagonal connection
N -.-> N2
(FR) pronunciation \vɛ̃.sɑ̃\