An Interest In:
Web News this Week
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
February 15, 2022 02:30 am GMT
Original Link: https://dev.to/vindecodex/github-readme-with-diagram-using-mermaid-2kfg
Github README with diagram using mermaid
Want to add diagrams in your github .md files to tell the flow of your system or the flow of each component talking to each other ? Today I just found something useful worth to share and lets just dive in with some examples.
Flowchart
```mermaid flowchart TD; A[Process] --> B{Condition?}; B -- Yes --> C[Another Process]; B -- No --> D[Exit Process]; C ----> E{Another Condition?}; E -- Yes --> F[Etc...]; E -- No --> G[Etc...]; ```
Each Letters before nodes represents as their id's so when you call A ----> B
means node A will point to node B.
Output:
More diagram examples here Mermaid Documentation
Other sources github-blog
Original Link: https://dev.to/vindecodex/github-readme-with-diagram-using-mermaid-2kfg
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To