Notion Charts: How to Use the New Feature (Mermaid tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ม.ค. 2025

ความคิดเห็น • 180

  • @zacherron1227
    @zacherron1227 3 ปีที่แล้ว +154

    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!🤯🤯🤯

    • @aahil7586
      @aahil7586 2 ปีที่แล้ว +4

      Nah it's actually common sense
      I mean the way this works not coding

    • @chedrickmaghanoy5567
      @chedrickmaghanoy5567 2 ปีที่แล้ว

      @@aahil7586 do you know how to mind map in notion ? like edraw mindmap ? im desperate to make that into reality on notion

    • @Rodrigo-tb9bm
      @Rodrigo-tb9bm ปีที่แล้ว +1

      @@chedrickmaghanoy5567 u talking like graph view on obsidian?

    • @noreply5461
      @noreply5461 หลายเดือนก่อน

      Seams to me you just got infected. If so, congratulations and happy programming :)

    • @noreply5461
      @noreply5461 หลายเดือนก่อน

      @@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.

  • @qorbani-tech
    @qorbani-tech 2 ปีที่แล้ว +29

    Thank you for such an amazing tutorial! This is exactly what I was looking for. I had no idea Notion started supporting Mermaid 👌

  • @MichaelLevardi
    @MichaelLevardi 3 ปีที่แล้ว +12

    TY Sarah, your content helps me and others a lot. This has to be the most underrated productivity channel on YT.

  • @billycowper
    @billycowper ปีที่แล้ว +4

    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 TH-cam 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.

  • @Savallion
    @Savallion 3 ปีที่แล้ว +16

    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.

  • @MartinSchabbauer
    @MartinSchabbauer 2 ปีที่แล้ว

    Tack!

  • @portlyoldman
    @portlyoldman ปีที่แล้ว

    Thanks

  • @ginanam1910
    @ginanam1910 ปีที่แล้ว +1

    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!!!

  • @mark41157
    @mark41157 3 ปีที่แล้ว +6

    Very nice job. Clear, concise instructions I can use immediately. Thank you.

  • @divacarolina_
    @divacarolina_ 2 ปีที่แล้ว +1

    Notion is getting really, really awesome. And we're lucky you show it in the best light. Thank you so much! 👏🏻👏🏻👏🏻👏🏻👏🏻

  • @saratchandramv1886
    @saratchandramv1886 7 หลายเดือนก่อน

    Wow. The feature is a wow! and your explanation is a double wow! Thanks alot.

  • @jiezhou4041
    @jiezhou4041 10 หลายเดือนก่อน

    amazing! Your tutorial is practical and letting someone like me complete new for coding able to do something with mermaid.

  • @ahmedr.
    @ahmedr. 4 หลายเดือนก่อน

    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 😊

  • @nomadicwolf6132
    @nomadicwolf6132 8 หลายเดือนก่อน

    This seems like a really fun & interesting way to pickup a coding language. Thanks for the great tutorial!

  • @htmalmdn
    @htmalmdn 2 ปีที่แล้ว +1

    Love you Red, every vid you have made is full of sincere generous giving desire. God blesses you.

  • @fah8600
    @fah8600 3 ปีที่แล้ว +2

    Brilliant as usual. Thanks.

  • @mauro25z
    @mauro25z 6 หลายเดือนก่อน

    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

  • @avimehenwal
    @avimehenwal ปีที่แล้ว +1

    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)

  • @bielconn
    @bielconn 2 ปีที่แล้ว +1

  • @peng4511
    @peng4511 6 หลายเดือนก่อน

    Great tutorial, well delivered with exactly what we need to know as a beginner. Thank you!!!

  • @MartinSchabbauer
    @MartinSchabbauer 2 ปีที่แล้ว

    Today I wanted to make another chart for my Notion system. I knew where to go for the highest quality tutorial. Thanks again.

  • @Taskade
    @Taskade 2 ปีที่แล้ว +1

    Another amazing tutorial :)

  • @ifsygn
    @ifsygn 3 ปีที่แล้ว +1

    Thank you Sarah, I like your style so much!

  • @GreggObst
    @GreggObst ปีที่แล้ว +3

    For those wondering, this same syntax works perfectly well in Obsidian and the Mermaid extension for VS Code.

  • @jessesolomonscott
    @jessesolomonscott 3 ปีที่แล้ว +2

    Great tool thanks so much.... And you explained very well simple to understand.

  • @MartinSchabbauer
    @MartinSchabbauer 3 ปีที่แล้ว +2

    Epic, useful and supercharged. Thanks so much.

  • @Topidop92
    @Topidop92 ปีที่แล้ว

    Such a high value content you are sharing, thank you.

  • @dayana6811
    @dayana6811 3 ปีที่แล้ว +3

    This is going to be great for zettelkasten, ty

    • @sandymakesplans
      @sandymakesplans ปีที่แล้ว

      how so? for mapping the process of adding to your zettelkasten?

  • @chefranylaitenu7731
    @chefranylaitenu7731 2 ปีที่แล้ว +1

    Your explanation is next level! So clearly! I never heard about mermaid before but I am gonna check it out thanks to this video! ❤️❤️❤️

  • @wren4077
    @wren4077 2 ปีที่แล้ว

    So grateful for this channel

  • @Rufuluss
    @Rufuluss 9 หลายเดือนก่อน

    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!

  • @parthapal333
    @parthapal333 2 ปีที่แล้ว

    Wow. Very useful feature. A picture (flowchart) is worth thousand words

  • @lvminh
    @lvminh ปีที่แล้ว

    It's just one of the great tutorials I've ever had... Thank you for sharing!

  • @leibuenafe9399
    @leibuenafe9399 2 ปีที่แล้ว

    Enjoyed every sec! Thank you so much for this!!!!!!!! Love you

  • @adityakhare7704
    @adityakhare7704 ปีที่แล้ว

    Loved the tutorial. Exactly what I ws looking for.
    Thank you

  • @animeshdebbarma3852
    @animeshdebbarma3852 2 ปีที่แล้ว

    Thank you so much mam... U made coding so easy, simple and fun

  • @tostinipepe
    @tostinipepe ปีที่แล้ว

    Thank you very much for this tutorial! I was looking so badly for something like this.

  • @markthomas9370
    @markthomas9370 2 ปีที่แล้ว +3

    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.

  • @mickaelladouglas4373
    @mickaelladouglas4373 2 ปีที่แล้ว

    This will actually be a really nice way to build different charts that I give my students to visualise concepts we discuss in class

  • @adriennejones2992
    @adriennejones2992 2 ปีที่แล้ว

    your knowledge is so impressive. thanks for all your great videos.

  • @danimalisticpaintings927
    @danimalisticpaintings927 2 ปีที่แล้ว

    This is fantastic! This was very easy to understand and so thorough. Thank you!!!

  • @gilbertmaestle5476
    @gilbertmaestle5476 3 ปีที่แล้ว +1

    TY very much Sarah ! It seems so useful now. Kind Regards from 🇫🇷

  • @evolutionclouds
    @evolutionclouds ปีที่แล้ว +1

    Great presentation very well structured, clearly explained and presented
    Thank you!

  • @bitsii
    @bitsii ปีที่แล้ว

    super useful. thank you!

  • @no-one-someone-1
    @no-one-someone-1 3 ปีที่แล้ว +3

    I just create a whimsical flowchart and customize it and upload that as PNG to notion, but this was a really great tutorial.

    • @zhongli8783
      @zhongli8783 2 ปีที่แล้ว +3

      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

  • @FSotoNiell
    @FSotoNiell ปีที่แล้ว

    You do a great work! Congrats!

  • @jeremy-moore
    @jeremy-moore 8 หลายเดือนก่อน

    You're a really great teacher. Thank you

  • @anacardoso8861
    @anacardoso8861 ปีที่แล้ว

    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)

  • @phytogenfi
    @phytogenfi 2 ปีที่แล้ว

    Really very interesting , Thank you ! 🙏

  • @alirezaamani2027
    @alirezaamani2027 2 ปีที่แล้ว

    Thanks for this high-quality and intelligible tutorial. Grateful for the effort you put into making this, much appreciated.

  • @hamitgemadi5471
    @hamitgemadi5471 2 ปีที่แล้ว +1

    That was an amazing tutorial video. Thank you!!!!!!!!!!!!!!

  • @andonisr
    @andonisr ปีที่แล้ว

    You just ROCK!!! Thank you!

  • @Big_delta
    @Big_delta 2 ปีที่แล้ว

    Red Gregory, once again showing us black magic sorcery inside Notion🔥. Thank you👍

  •  2 ปีที่แล้ว

    Amazingly clear and extremely useful videos. Thank you very much!

  • @carolinediasgabani
    @carolinediasgabani 2 ปีที่แล้ว +3

    That was mind-blowing! I'll be using this to build family trees for my OCs. TY!

  • @gregphillipsmusic1880
    @gregphillipsmusic1880 ปีที่แล้ว

    Beautifully done! Thanks

  • @JordanEwert
    @JordanEwert 2 ปีที่แล้ว

    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.

  • @bingsun1414
    @bingsun1414 2 ปีที่แล้ว

    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.

    • @chedrickmaghanoy5567
      @chedrickmaghanoy5567 2 ปีที่แล้ว +1

      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

  • @remakingmegan
    @remakingmegan 2 ปีที่แล้ว +1

    that was an awesome tutorial. You make everything so user friendly. Even coding 😳

  • @sughosh100
    @sughosh100 3 ปีที่แล้ว

    Great video. Thanks for informing about the new update!

  • @ydswd2003
    @ydswd2003 ปีที่แล้ว

    Incredible video! Super Duper Helpfull

  • @higiniofuentes2551
    @higiniofuentes2551 7 หลายเดือนก่อน

    Thank you for this very useful video!

  • @maheshsethi3071
    @maheshsethi3071 2 หลายเดือนก่อน

    Thanks Buddy! I appreciate it

  • @risan.
    @risan. 2 ปีที่แล้ว

    Really useful tutorial for mermaid. Thanks for this video

  • @marcowenzel3399
    @marcowenzel3399 ปีที่แล้ว

    Thanks for the easy tutorial!

  • @RalfPosselt1968
    @RalfPosselt1968 ปีที่แล้ว

    ein hervorragendes Einsteigervideo

  • @ahmedm.s.abdelrahman9665
    @ahmedm.s.abdelrahman9665 2 ปีที่แล้ว

    I have to thank you for ages 🤩

  • @rafcienko
    @rafcienko 2 ปีที่แล้ว

    This was awesome! Thank you!

  • @trox9082
    @trox9082 ปีที่แล้ว

    Wonderful, thank you!

  • @JohnBeaversYT
    @JohnBeaversYT 2 ปีที่แล้ว

    Cool lesson, clear and sensible. Thank you !

  • @valper4675
    @valper4675 2 ปีที่แล้ว

    omg this is incredible, thanks for share it

  • @mikek3094
    @mikek3094 ปีที่แล้ว

    Great tutorial, thanks!

  • @ankitsaraswat3745
    @ankitsaraswat3745 2 ปีที่แล้ว

    Thank you.
    This tutorial was so helpful. I created my company org chart using this in minutes :)
    From
    Your new subscriber from India 🇮🇳

  • @tuetau
    @tuetau 2 ปีที่แล้ว

    Thank you for making this video😊

  • @projects4108
    @projects4108 11 หลายเดือนก่อน

    Bravo, great tutorial!

  • @LucasBenjaminValdezCinal-fr1dj
    @LucasBenjaminValdezCinal-fr1dj 6 หลายเดือนก่อน

    Gracias por el tutorial, muy buen video.

  • @kingmargie1182
    @kingmargie1182 2 ปีที่แล้ว

    Thank you for your great video. You are amazing!

  • @pipe3757
    @pipe3757 ปีที่แล้ว

    Thank you!!!. it helped me a lot

  • @giorgiodamiani7501
    @giorgiodamiani7501 ปีที่แล้ว +1

    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

  • @KhoaDương-h2c
    @KhoaDương-h2c 5 หลายเดือนก่อน

    thanks for helpful instruction!!!

  • @RBruceSinclair
    @RBruceSinclair 3 ปีที่แล้ว +11

    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
      @RedGregory  3 ปีที่แล้ว +6

      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 👍

    • @deturkmedia2
      @deturkmedia2 3 ปีที่แล้ว

      @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?

    • @RedGregory
      @RedGregory  3 ปีที่แล้ว +3

      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.

    • @deturkmedia2
      @deturkmedia2 3 ปีที่แล้ว

      @@RedGregory Thank you. I’m gonna send you a Dm on IG on what I’m struggling with.

    • @NostraDavid2
      @NostraDavid2 2 ปีที่แล้ว +2

      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.

  • @VikasGupta-mv3ir
    @VikasGupta-mv3ir 3 ปีที่แล้ว

    Thanks, Excellent explaination

  • @causecaos
    @causecaos 3 ปีที่แล้ว

    Thank you, great video. Super useful!

  • @stefanwulf4062
    @stefanwulf4062 3 หลายเดือนก่อน

    Great Vid. Thank you!

  • @sparra98
    @sparra98 2 ปีที่แล้ว

    I'm gonna use this to plot my story 😄😄
    So glad I found this

  • @schlabackenbutze725
    @schlabackenbutze725 3 ปีที่แล้ว +1

    Oh cool! That's really helpful. Thank you. :D

  • @portlyoldman
    @portlyoldman ปีที่แล้ว

    Great tutorial!

  • @islamkarem1572
    @islamkarem1572 2 ปีที่แล้ว

    Great tutorial
    Thanks

  • @Andrei-ds8qv
    @Andrei-ds8qv ปีที่แล้ว

    Thanks a lot! Very nice!

  • @YasserAbuelhassab
    @YasserAbuelhassab 2 ปีที่แล้ว

    Amazing!!

  • @JuanNadal
    @JuanNadal 2 ปีที่แล้ว

    Thanks for the video!

  • @Gamermineone
    @Gamermineone ปีที่แล้ว

    Amazing tutorial

  • @mathiasgheno
    @mathiasgheno 2 ปีที่แล้ว

    Amazing video, thanks a lot.

  • @marciovieira9280
    @marciovieira9280 2 ปีที่แล้ว

    Awesome!!!! Thank you

  • @StillWaterNZ
    @StillWaterNZ 3 หลายเดือนก่อน

    Great video, how can I change color of context to the connections between nodes? Knew how to do link color.

  • @nassimhns7196
    @nassimhns7196 3 ปีที่แล้ว

    Thank you so much👍

  • @JimShingler
    @JimShingler 3 ปีที่แล้ว

    Very Nice, ... and thorough, ... Thank You

  • @53milviews
    @53milviews 3 หลายเดือนก่อน

    such a nice video, good job

  • @tezra9085
    @tezra9085 ปีที่แล้ว

    Top guide, thanks

  • @VitalyRodin
    @VitalyRodin 3 ปีที่แล้ว +1

    Thanks!