# Invisible Nodes And Links in Mermaid ## Metadata **Status**:: #x **Zettel**:: #zettel/literature **Created**:: [[2023-05-11]] ## Synopsis Invisible nodes and links can arrange nodes into tiers in Mermaid. ### Invisible Nodes Use [class](https://mermaid.js.org/syntax/flowchart.html#classes): ``` 5:::hidden --- 4; classDef hidden display: none; ``` ### Invisible Links [Style links](https://mermaid.js.org/syntax/flowchart.html#styling-links). The example below hide the third link in the chart. ``` linkStyle 2 display: none; ``` The latest version of Mermaid supports invisible link via `~~~` , but it is not available in [[♯ Obsidian]]. ### Example ```mermaid %%{ init: { 'flowchart': { 'curve': 'linear' } } }%% graph TD 3 --- 1 & 2; 5:::hidden --- 4; classDef hidden display: none; linkStyle 2 display: none; ```