https://dudung.github.io/plaintext/tags/mermaid/Recent content in mermaid on plaintextHugo -- gohugo.ioenWed, 13 Dec 2023 08:45:00 +0800https://dudung.github.io/plaintext/0006/Wed, 13 Dec 2023 08:45:00 +0800https://dudung.github.io/plaintext/0006/intro flowchart code linkstyle limitation refs intro Link to heading To create diagrams dynamically in an internet browser you can use Mermaid, which is a diagramming and charting tools based on JavaScript and inspired by Markdown text definitions (Woodward & Biagianti, 2022). It has default style, which should be sufficient. But if an adjustment is necessary, e.g. style of the link – the line connecting two nodes, can be modified (Drago, 2023) and also the other features.https://dudung.github.io/plaintext/0005/Tue, 12 Dec 2023 21:04:00 +0800https://dudung.github.io/plaintext/0005/intro model mermaid notes refs intro Link to heading We can use Mermaid, a simple Markdown-like script language for generating charts from text via JavaScript (Mallin, 2018), to draw layers with nodes, where the diagram element used is circle and the feature of subgraph. But this would not be the main purpose of Mermaid, but we can use for it. model Link to heading From right to left it is a 2 <-- 3 <-- 4 <-- 3 architecture.