mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-25 07:25:42 -05:00
ae8c2813b1
* PUSH NOTE : The Moon (Earth).md * PUSH NOTE : Mermaid JS Graphs.md * PUSH NOTE : Static Site Generators.md * PUSH NOTE : Projects Overview.md * PUSH NOTE : Public Journal.md * PUSH NOTE : Markdown Demo.md * PUSH NOTE : index.md * PUSH NOTE : Guide.md
88 lines
1.8 KiB
Markdown
88 lines
1.8 KiB
Markdown
---
|
||
title: Mermaid Graphs
|
||
lastmod: 2023-09-27
|
||
compartir: true
|
||
---
|
||
|
||
Mermaid JS is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. Mermaid lets you create diagrams and visualizations using text and code.
|
||
|
||
Check out the [Documentation](https://mermaid.js.org/intro/).
|
||
|
||
## Graph Examples
|
||
|
||
### Git Graph
|
||
|
||
https://mermaid.js.org/syntax/gitgraph.html
|
||
|
||
```
|
||
gitGraph
|
||
commit
|
||
commit
|
||
branch develop
|
||
checkout develop
|
||
commit
|
||
commit
|
||
checkout main
|
||
merge develop
|
||
commit
|
||
commit
|
||
```
|
||
|
||
```mermaid
|
||
gitGraph
|
||
commit
|
||
commit
|
||
branch develop
|
||
checkout develop
|
||
commit
|
||
commit
|
||
checkout main
|
||
merge develop
|
||
commit
|
||
commit
|
||
```
|
||
|
||
### Mindmap
|
||
|
||
https://mermaid.js.org/syntax/mindmap.html
|
||
|
||
```
|
||
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
|
||
Tools
|
||
Pen and paper
|
||
Mermaid
|
||
```
|
||
|
||
```mermaid
|
||
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
|
||
Tools
|
||
Pen and paper
|
||
Mermaid
|
||
```
|