@@aahil7586 Thing is, coding is the most commonsensical thing I can imagine. Not just this ultra high level programming language. Which is a DSL, short for Domain Specific Language.
Red, you are an excellent instructor. I appreciate the pace and patience you bring to your lessons, which makes coding in Mermaid accessible to beginners. Your teaching method is superb, and your RUclips videos keep me coming back to your Notion content. Thank you for all the tutorials you provide to the Notion learner community. I appreciate all that you do.
This was incredible, thank you. I had not even heard about this from anyone else and it's exactly what I need right now for a game development project.
Great! I came back to review after I have used the mermaid for 2 years By the way , “comments” are called “label” for the edges. Note: edges are the connections between nodes.
You're amazing!! I'm fairly new to notion and so happy I came across your tutorials(accomplished 3 this week!) . I was able to create multiple SOP flow charts fairly quickly. I love how you are direct, concise and go above and beyond with your explanations. The additional details on how to customize the color & shape of the flow chart helped me make it aesthetically pleasing. Thank you!!!
While exploring alternative applications for creating mind maps that seamlessly integrate with note-taking, I found articles that told me Notion has that build in feature now. As someone already accustomed to its interface, switching to a new platform seemed tedious. Despite not being a coding expert, Mermaid was not difficult to grasp and creates a comprehensive mind map efficiently. Thanks for the insightful guidance! Your video was crucial to teach me how to make them!
I can write js code and it was so easy to follow your tutorial using mermaid to create diagrams. You do it in away so easy to understand. Thank you so much 😊
First time in your channel... suscribed immidiately! i done a lot of tutorials and courses online and yours is one of the bests. Excellent tutorial!!... thx
thanks for that, very well described. First of all I was wondering the value of the flowchart when I could do something quicker in visio or similar tools (appreciate not everyone has these), but then it go to the part of the clickable links and then it made the flow chart a much more useful feature.
I was doing the same! But knowing that whimsical has a „deadline“ with how much is available makes me want to use notion instead since most of my work is on there anyways
in high school i used to do HTML but never Mermaid. Now im using it in Notion to study biology and is such a help. thank u so much (english is not my native language so excuse me for errors)
Is it possible to create in notion a database of nodes and then call them directly inside the mermaid code? Instead of writing every time the node in the code and also if I change the name in notion database, the graph dinamically upgrade
As always a clear, concise tutorial. I'm baffled, though, that this is the type of enhancement the team at Notion is working on. Is it really valuable to learn a scripting language so one can take 20 minutes to create static images that can be whipped up 1/10th of the time in PowerPoint or Google Slides? Who is asking for this?
@Redgregory I have a question for about your notion budget templates and I have left a lot of comments on there but no response yet. How do you edit the monthly average and the total in the budget tab?
The monthly average in budget is the total average. The number takes the total spent divided by number of months in cash flow (both of which are Rollups in the budget database) Every time you add a new month page and add a spend item to it, this adds to the total for the allotted budget area (ie. Utilities). There is a template for each month to auto connect cash flow to every month.
As a programmer, I'm asking for this. Flowcharts are great if you want to easily prototype the logic of some code you'll need to write, or perhaps communicate said logic to other programs as documentation. Much easier than using something like drawio where you have to manage everything manually. Though I do lose a bit of detail when it comes to the layout of the flowchart that's fine by me.
So well done! This really helped me understand better and think it might just be the perfect way to dip my feet into code. The fact you can link to a specific view is a gamechanger.
hi , i am looking to for mindmap inside notion i wish page and data base can do that , if you know some petition for that to make it happen please let meknow ill support it , but if it already exists please let me know
Thanks Red this was really helpful! Do you know why when you make a flowchart node clickable, that it changes the Notion color mode from Dark Mode to Light Mode? That's what is happening when I try it.
I like this feature and I know for the long time people asking from Notion to provide a way to visualizing data. I can use this feature to create pie chart to see how many task I've been done in a week. What I get from this tutorial is that I can't create dynamic charts which get updated based on my tables data. We cannot connect a tables data to the mermaid language or am I wrong? I hope this feature will be added in the future by notion to the language.
You are right. For the time being, it is a static solution. With the Notion API, we can hope that things will develop rapidly and even include the functionality you refer to. All the best, Notion friends.
Excellent tutorial, giving me at tool to shape my ideas - Thank you. Tried the instruction immediately and it worked well. Just one extra question to the tutorial - Is there any way to centre vertically words inside nodes through styles? I'm asking since the type descenders in letters: j, p, y are barely visible in the video and in my diagrams I get same effect - words seem to be bottom aligned in nodes, descenders are not visible.
How can I make a new line under previous text all in one node? Is there syntax for bullet points (i.e when pressing "-" on other platforms)? How can you make text in a node bold, italic, underlined, etc.? Great vid btw
thank you for making this tutorial it was really helpful . when i export my notion note into PDF it doesn't show the figure / charts instead it shows only code. is there is any way to solve that??
Hola, Excelente tu video, uno de los mejores, me encanta la edición. Te quería consultar, como compartir a mis compañeros de trabajo el diagrama, lo estoy usando en VSC y anda de maravillas.
Hi, Congratulation for you channel Very good your content Please, I need one example of use mermaid with C4 model in Notion I was test with code of the oficcial domentattion of mermaid but does not work
this is what im looking right now if we can just create it like obsedian or edraw mindmap /wondershare it would be much better to take notes and colaborate , please update me if there is any pettition u know to make that inro reality or if it already exsist
@@chedrickmaghanoy5567 I couldn't get mindmap to work on VS Code, Github or notion - even when I copy the sample code from mermaid live - still hoping - there doesn't seem to be any docs or bugs
I have never done any sort of coding in my life, and i understood everything you just said. That was an amazing tutorial video. Thank you!🤯🤯🤯
Nah it's actually common sense
I mean the way this works not coding
@@aahil7586 do you know how to mind map in notion ? like edraw mindmap ? im desperate to make that into reality on notion
@@chedrickmaghanoy5567 u talking like graph view on obsidian?
Seams to me you just got infected. If so, congratulations and happy programming :)
@@aahil7586 Thing is, coding is the most commonsensical thing I can imagine. Not just this ultra high level programming language. Which is a DSL, short for Domain Specific Language.
Thank you for such an amazing tutorial! This is exactly what I was looking for. I had no idea Notion started supporting Mermaid 👌
TY Sarah, your content helps me and others a lot. This has to be the most underrated productivity channel on YT.
Red, you are an excellent instructor. I appreciate the pace and patience you bring to your lessons, which makes coding in Mermaid accessible to beginners. Your teaching method is superb, and your RUclips videos keep me coming back to your Notion content. Thank you for all the tutorials you provide to the Notion learner community. I appreciate all that you do.
Thanks
This was incredible, thank you. I had not even heard about this from anyone else and it's exactly what I need right now for a game development project.
Great!
I came back to review after I have used the mermaid for 2 years
By the way , “comments” are called “label” for the edges.
Note: edges are the connections between nodes.
You're amazing!! I'm fairly new to notion and so happy I came across your tutorials(accomplished 3 this week!) . I was able to create multiple SOP flow charts fairly quickly. I love how you are direct, concise and go above and beyond with your explanations. The additional details on how to customize the color & shape of the flow chart helped me make it aesthetically pleasing. Thank you!!!
For those wondering, this same syntax works perfectly well in Obsidian and the Mermaid extension for VS Code.
Notion is getting really, really awesome. And we're lucky you show it in the best light. Thank you so much! 👏🏻👏🏻👏🏻👏🏻👏🏻
While exploring alternative applications for creating mind maps that seamlessly integrate with note-taking, I found articles that told me Notion has that build in feature now. As someone already accustomed to its interface, switching to a new platform seemed tedious. Despite not being a coding expert, Mermaid was not difficult to grasp and creates a comprehensive mind map efficiently. Thanks for the insightful guidance! Your video was crucial to teach me how to make them!
I can write js code and it was so easy to follow your tutorial using mermaid to create diagrams. You do it in away so easy to understand. Thank you so much 😊
This seems like a really fun & interesting way to pickup a coding language. Thanks for the great tutorial!
First time in your channel... suscribed immidiately! i done a lot of tutorials and courses online and yours is one of the bests. Excellent tutorial!!... thx
This will actually be a really nice way to build different charts that I give my students to visualise concepts we discuss in class
Very nice job. Clear, concise instructions I can use immediately. Thank you.
amazing! Your tutorial is practical and letting someone like me complete new for coding able to do something with mermaid.
Such an amazing video ... I have used Graphviz in past and I can relate to most of the mermaid syntax.
Keep the great work up (Y)
thanks for that, very well described. First of all I was wondering the value of the flowchart when I could do something quicker in visio or similar tools (appreciate not everyone has these), but then it go to the part of the clickable links and then it made the flow chart a much more useful feature.
Love you Red, every vid you have made is full of sincere generous giving desire. God blesses you.
Today I wanted to make another chart for my Notion system. I knew where to go for the highest quality tutorial. Thanks again.
I just create a whimsical flowchart and customize it and upload that as PNG to notion, but this was a really great tutorial.
I was doing the same! But knowing that whimsical has a „deadline“ with how much is available makes me want to use notion instead since most of my work is on there anyways
Great tutorial, well delivered with exactly what we need to know as a beginner. Thank you!!!
Red Gregory, once again showing us black magic sorcery inside Notion🔥. Thank you👍
in high school i used to do HTML but never Mermaid. Now im using it in Notion to study biology and is such a help. thank u so much (english is not my native language so excuse me for errors)
Wow. The feature is a wow! and your explanation is a double wow! Thanks alot.
Tack!
Is it possible to create in notion a database of nodes and then call them directly inside the mermaid code? Instead of writing every time the node in the code and also if I change the name in notion database, the graph dinamically upgrade
Thank you Sarah, I like your style so much!
Wow. Very useful feature. A picture (flowchart) is worth thousand words
Your explanation is next level! So clearly! I never heard about mermaid before but I am gonna check it out thanks to this video! ❤️❤️❤️
Brilliant as usual. Thanks.
As always a clear, concise tutorial. I'm baffled, though, that this is the type of enhancement the team at Notion is working on. Is it really valuable to learn a scripting language so one can take 20 minutes to create static images that can be whipped up 1/10th of the time in PowerPoint or Google Slides? Who is asking for this?
Mermaid on its own has been around for a while. It isn’t a big update from Notion. It’s just a nice addition to the code block 👍
@Redgregory I have a question for about your notion budget templates and I have left a lot of comments on there but no response yet. How do you edit the monthly average and the total in the budget tab?
The monthly average in budget is the total average. The number takes the total spent divided by number of months in cash flow (both of which are Rollups in the budget database) Every time you add a new month page and add a spend item to it, this adds to the total for the allotted budget area (ie. Utilities). There is a template for each month to auto connect cash flow to every month.
@@RedGregory Thank you. I’m gonna send you a Dm on IG on what I’m struggling with.
As a programmer, I'm asking for this. Flowcharts are great if you want to easily prototype the logic of some code you'll need to write, or perhaps communicate said logic to other programs as documentation.
Much easier than using something like drawio where you have to manage everything manually.
Though I do lose a bit of detail when it comes to the layout of the flowchart that's fine by me.
So well done! This really helped me understand better and think it might just be the perfect way to dip my feet into code. The fact you can link to a specific view is a gamechanger.
Great video, how can I change color of context to the connections between nodes? Knew how to do link color.
Such a high value content you are sharing, thank you.
Another amazing tutorial :)
Great tool thanks so much.... And you explained very well simple to understand.
A great video to guide me to search for mind maps in Notion. I am very excited to explore this module and improve my work.
hi , i am looking to for mindmap inside notion i wish page and data base can do that , if you know some petition for that to make it happen please let meknow ill support it , but if it already exists please let me know
Thank you very much for this tutorial! I was looking so badly for something like this.
Thank you so much mam... U made coding so easy, simple and fun
「あなたのこの動画はとても勉強になりました。ありがとうございます。」
“I learned a lot from your video. Thank you.”
This is fantastic! This was very easy to understand and so thorough. Thank you!!!
Great presentation very well structured, clearly explained and presented
Thank you!
It's just one of the great tutorials I've ever had... Thank you for sharing!
Thank you.
This tutorial was so helpful. I created my company org chart using this in minutes :)
From
Your new subscriber from India 🇮🇳
Thanks for this high-quality and intelligible tutorial. Grateful for the effort you put into making this, much appreciated.
that was an awesome tutorial. You make everything so user friendly. Even coding 😳
That was mind-blowing! I'll be using this to build family trees for my OCs. TY!
Loved the tutorial. Exactly what I ws looking for.
Thank you
Epic, useful and supercharged. Thanks so much.
your knowledge is so impressive. thanks for all your great videos.
So grateful for this channel
TY very much Sarah ! It seems so useful now. Kind Regards from 🇫🇷
Enjoyed every sec! Thank you so much for this!!!!!!!! Love you
You just ROCK!!! Thank you!
This tutorial made me feel like I could actually learn to code... WOW!
Really very interesting , Thank you ! 🙏
Thanks Red this was really helpful! Do you know why when you make a flowchart node clickable, that it changes the Notion color mode from Dark Mode to Light Mode? That's what is happening when I try it.
This is going to be great for zettelkasten, ty
how so? for mapping the process of adding to your zettelkasten?
You're a really great teacher. Thank you
You do a great work! Congrats!
Amazingly clear and extremely useful videos. Thank you very much!
hey man! im on the free version of soft soft and the plugins list on the left side of the screen is not showing up and i can not bring it up.
Great video. Thanks for informing about the new update!
This was so useful! And we can link DBs?! Amazing🔥😍
I like this feature and I know for the long time people asking from Notion to provide a way to visualizing data.
I can use this feature to create pie chart to see how many task I've been done in a week.
What I get from this tutorial is that I can't create dynamic charts which get updated based on my tables data. We cannot connect a tables data to the mermaid language or am I wrong? I hope this feature will be added in the future by notion to the language.
You are right. For the time being, it is a static solution. With the Notion API, we can hope that things will develop rapidly and even include the functionality you refer to. All the best, Notion friends.
Excellent tutorial, giving me at tool to shape my ideas - Thank you. Tried the instruction immediately and it worked well. Just one extra question to the tutorial - Is there any way to centre vertically words inside nodes through styles? I'm asking since the type descenders in letters: j, p, y are barely visible in the video and in my diagrams I get same effect - words seem to be bottom aligned in nodes, descenders are not visible.
ein hervorragendes Einsteigervideo
How can I make a new line under previous text all in one node? Is there syntax for bullet points (i.e when pressing "-" on other platforms)?
How can you make text in a node bold, italic, underlined, etc.?
Great vid btw
Beautifully done! Thanks
Cool lesson, clear and sensible. Thank you !
Any idea how to make these graphs bigger in notion? Like how do I scale it up?
That was an amazing tutorial video. Thank you!!!!!!!!!!!!!!
Hello gregory ! beautiful work !!! DO you know how to make clickable link open in side window instead of full page ?
super useful. thank you!
thank you for making this tutorial it was really helpful . when i export my notion note into PDF it doesn't show the figure / charts instead it shows only code. is there is any way to solve that??
hi i have a problem with my mermaid code as the redered text appear to be cut off do you have any workaround to fix this please ?
This is SOOOOO sick. Thank you! RIP wasting hours in Google Slides trying to build layouts.
Incredible video! Super Duper Helpfull
i just did some work with but it's not exporting the flowchart but mermaid code .. is there another way?
I have a question for you. how can I write the title of a very long task on two lines?
Hola, Excelente tu video, uno de los mejores, me encanta la edición. Te quería consultar, como compartir a mis compañeros de trabajo el diagrama, lo estoy usando en VSC y anda de maravillas.
Thank you for this very useful video!
Hi,
Congratulation for you channel
Very good your content
Please, I need one example of use mermaid with C4 model in Notion
I was test with code of the oficcial domentattion of mermaid but does not work
I need to create a cash flow diagram in Markdown->Mermaid for a finance handout for my students. I use Typora. Could you help me?
Really useful tutorial for mermaid. Thanks for this video
I'm gonna use this to plot my story 😄😄
So glad I found this
Thanks for the easy tutorial!
I have to thank you for ages 🤩
Sweet. Now I just need to brainstorm what I want to use this for in notion. :D
Is there any way to apply styles in ER Diagram?
I'm trying to understand how the mermaid works. Like, how do I use js for some events. I'm using obsidian to do my studies and tests.
Hi, there I'd like to make a mermaid pie chart that is linked in a database status entity (To do, In Progress, Done). Is this possible?
Thanks
Thank you for the informative demonstration. Can we create mind map in notion as well?
this is what im looking right now if we can just create it like obsedian or edraw mindmap /wondershare it would be much better to take notes and colaborate , please update me if there is any pettition u know to make that inro reality or if it already exsist
@@chedrickmaghanoy5567 I couldn't get mindmap to work on VS Code, Github or notion - even when I copy the sample code from mermaid live - still hoping - there doesn't seem to be any docs or bugs
Thanks for the video, very helpful!! I am struggling in getting my arrows straight, for some reason they are always rounded. Any tips? Thanks!
omg this is incredible, thanks for share it
Hey my flowchart is too small… any way i can increase the size?!
Hello, how can I change the size of the node?
This was awesome! Thank you!