Mermaid in Markdown: Diagrams as Code πŸ–₯️

Learn how to create diagrams easily with Mermaid in Markdown, including setup, examples, and a demo to bring your code to life.

Mermaid in Markdown: Diagrams as Code πŸ–₯️
PetterTech
69.3K views β€’ Jan 6, 2024
Mermaid in Markdown: Diagrams as Code πŸ–₯️

About this video

Creating diagrams have never been easier! With Mermaid you just write some code and see your diagrams come to life!

Further resources:
My Mermaid code samples: https://github.com/PetterTech/DemoStuff/tree/main/Mermaid
The documentation: https://mermaid.js.org/syntax/flowchart.html
Extension to Visual Studio Code for rendering Mermaid: https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid

Socials:
Ask me stuff on Twitter: https://twitter.com/PetterTech
Catch me live on Twitch: https://twitch.tv/PetterTech
Follow me on LinkedIn: https://www.linkedin.com/in/pettertech
Check out my awful code at Github: https://github.com/PetterTech

I also have merch: https://merch.streamelements.com/nerenther

Tags and Topics

Browse our collection to discover more content in these categories.

Video Information

Views

69.3K

Likes

1.3K

Duration

10:59

Published

Jan 6, 2024

User Reviews

4.7
(13)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.