Skip to content
Hallway
0:00 / 0:00

#mermaid.js#notion#flowcharts

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

Red Gregory

74K subscribers • 1 video on Hallway

YouTube
  • Recommended by 1 person: 1 on Stack Overflow and its sister sites.
  • Presented by Red Gregory

Beginner. No background in the topic needed.

155K views4 years ago1 recommendation

Tools and practiceWeb developmentDeveloper productivityData visualization

How to create, customize, and style flowcharts in Notion using Mermaid.js syntax.

View Example In Notion: notion.so/redgregory/Notion-Flowchart-f1f61b062f134b34b2aca5… Mermaid Documentation: mermaid-js.github.io/mermaid/#/ Blog article companion: redgregory.com/notion/2022/1/17/how-to-get-started-with-merm… My Notion Blog: redgregory.com/ My Twitter: twitter.com/RedGregory1 Timestamps: - Intro - Flowchart Orientation - Adding Comments - Organizing The Code - Customize Shapes & Links - Forked Connections - Color Coding - Make Flowchart Clickable - Outro #notion #mermaid #flowcharts

Why it's here

1 person recommends this

What people say. Recommended for learning how to customize link styles and arrow colors in Mermaid.js diagrams.

Moments people linked to

alambertton Stack Overflow • Recommends

On “how to change the color of arrows in mermaid.js”

You must use this sentence: linkStyle default stroke: black And this will modify all the links on your diagram . If you want to change a specifically link you can use: linkStyle 0 stroke: blue When 0 is the number of link on the chart that you want to change, in the order that you has wrote them. More info in: link to this video
10View the answer