Mermaid JS: Finally There's A Great UML & Diagram Drawing Tool

This video covers Mermaid JS. I've been struggling finding the right tool for drawing diagrams. But that completely changed when I stumbled on Mermaid. In this video I go over 4 different diagram types I find really useful when designing software, and show you how to really easily draw them using Mermaid.

Read more about Mermaid here: https://mermaid-js.github.io.
Mermaid live editor: https://mermaid.live

💡 Get my FREE 7-step guide to help you consistently design great software: https://arjancodes.com/designguide.

💻 ArjanCodes Blog: https://www.arjancodes.com/blog

🎓 Courses:
The Software Designer Mindset: https://www.arjancodes.com/mindset
The Software Designer Mindset Team Packages: https://www.arjancodes.com/sas
The Software Architect Mindset: Pre-register now! https://www.arjancodes.com/architect
Next Level Python: Become a Python Expert: https://www.arjancodes.com/next-level...
The 30-Day Design Challenge: https://www.arjancodes.com/30ddc

🛒 GEAR & RECOMMENDED BOOKS: https://kit.co/arjancodes.

👍 If you enjoyed this content, give this video a like. If you want to watch more of my upcoming videos, consider subscribing to my channel!

💬 Discord: https://discord.arjan.codes
🐦Twitter:   / arjancodes  
🌍LinkedIn:   / arjancodes  
🕵Facebook:   / arjancodes  

👀 Code reviewers:
- Yoriz
- Ryan Laursen
- Sybren A. Stüvel
- Dale Hagglund

🎥 Video edited by Mark Bacskai:   / bacskaimark  

🔖 Chapters:
0:00 Intro
1:14 Adding the Mermaid Extension to VS Code
2:16 Mermaid.live
3:44 Flowcharts
9:45 Sequence diagrams
15:18 Class diagram
24:21 Entity relationship diagram

#arjancodes #softwaredesign #python

DISCLAIMER - The links in this description might be affiliate links. If you purchase a product or service through one of those links, I may receive a small commission. There is no additional charge to you. Thanks for supporting my channel so I can continue to provide you with free content each week!