mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-25 07:25:42 -05:00
67cc292ec6
* PUSH NOTE : Mermaid JS Graphs.md * PUSH NOTE : Projects.md * PUSH NOTE : Words I Like.md
112 lines
2.5 KiB
Markdown
112 lines
2.5 KiB
Markdown
---
|
||
title: Mermaid Graphs
|
||
updated: 2023-12-14
|
||
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
|
||
```
|
||
|
||
### Gantt
|
||
|
||
```mermaid
|
||
gantt
|
||
title GL Approaches Lighting Retrofit
|
||
dateFormat YYYY-MM-DD
|
||
excludes weekends
|
||
Construction Phase :2024-01-08, 2024-02-15
|
||
West Bank :2024-01-08, 2024-01-09
|
||
Westgate :2024-01-10, 2024-01-12
|
||
Raymond Ave :2024-01-12, 1d
|
||
Fairview Ave: 2024-01-15, 2024-01-16
|
||
Wheeler St Ped Cross :2024-01-17,1d
|
||
Snelling Ave :2024-01-18,2024-01-22
|
||
Hamline Ave :2024-01-23,2024-01-25
|
||
Lexington Pkwy :2024-01-26,2024-01-30
|
||
Victoria St :2024-01-31,2024-02-02
|
||
Dale St :2024-02-05,2024-02-07
|
||
Western Ave :2024-02-08,2024-02-12
|
||
Capitol / Rice St :2024-02-13,1d
|
||
Robert St :2024-02-14,1d
|
||
```
|