chore: address review comments related to documentation

on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>
This commit is contained in:
darshanr0107
2025-09-02 15:13:45 +05:30
parent fb20ee99eb
commit 494c7294cb
4 changed files with 85 additions and 50 deletions

View File

@@ -20,14 +20,20 @@ This page lists the available layout algorithms supported in Mermaid diagrams.
You can specify the layout in your diagram's YAML config or initialization options. For example:
```mermaid-example
%%{init: { 'layout': 'elk' }}%%
---
config:
layout: elk
---
graph TD;
A-->B;
B-->C;
```
```mermaid
%%{init: { 'layout': 'elk' }}%%
---
config:
layout: elk
---
graph TD;
A-->B;
B-->C;

View File

@@ -16,7 +16,7 @@ The **tidy-tree** layout arranges nodes in a hierarchical, tree-like structure.
## Example Usage
```
```mermaid-example
---
config:
layout: tidy-tree
@@ -29,29 +29,59 @@ root((mindmap is a long thing))
D
```
```mermaid
---
config:
layout: tidy-tree
---
mindmap
root((mindmap is a long thing))
A
B
C
D
```
---
config:
layout: tidy-tree
---
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness&lt;br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
id)I am a cloud(
id))I am a bang((
Tools
```mermaid-example
---
config:
layout: tidy-tree
---
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
```
```mermaid
---
config:
layout: tidy-tree
---
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
```
## Note

View File

@@ -14,7 +14,10 @@ This page lists the available layout algorithms supported in Mermaid diagrams.
You can specify the layout in your diagram's YAML config or initialization options. For example:
```mermaid
%%{init: { 'layout': 'elk' }}%%
---
config:
layout: elk
---
graph TD;
A-->B;
B-->C;

View File

@@ -10,7 +10,7 @@ The **tidy-tree** layout arranges nodes in a hierarchical, tree-like structure.
## Example Usage
```
```mermaid-example
---
config:
layout: tidy-tree
@@ -23,29 +23,25 @@ root((mindmap is a long thing))
D
```
```
---
config:
layout: tidy-tree
---
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness&lt;br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
id)I am a cloud(
id))I am a bang((
Tools
```mermaid-example
---
config:
layout: tidy-tree
---
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
```
## Note