• Home
  • Start Here
  • Archive
  • About
  • RSS
  • Home
  • Start Here
  • Archive
  • About
  • RSS

GitHub Markdown now Supports Mermaid Diagrams

pixelated avatar of Waylon Walker with a yellow and pink background

Waylon Walker

Learning in Public @_WaylonWalker

Tags

  • dev
  • python

Mermaid diagrams provide a way to display graphs defined as plain text. Some markdown renderers support this as a plugin. GitHub now supports it.

example #

You can define nodes like this in mermaid, and GitHub will now render them as a pretty graph diagram. Its rendered in svg, so its searchable with control f and everything.

graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D-->OUT;
      E-->F-->G-->OUT

Here is what the example looks like on
GitHub

Links #

  • GitHub support announcement
  • mermaid docs
Reply by email

Recent Posts

  • uv s3 sync with dotenv 2025-10-26

  • First 3d Printed Threads 2025-10-24

  • starlette head request 2025-10-22

  • Don't copy your gitignore to stignore 2025-10-21

  • 3d Printing Dovetails Experiment 2025-10-12

  • python extras are for shipping 2025-10-3

  • Shots Get An Upgrade To the Main Feed 2025-9-20

  • zmk two hand hold down 2025-9-17

  • vanilla html hover text 2025-9-16

  • Why Make a Website in 2025 2025-9-16

Recent Thoughts

Recent Stars

  • ⭐ rushter selectolax 2025-8-4

  • ⭐ rqlite rqlite 2025-8-4

  • ⭐ caelestia-dots shell 2025-7-16

  • ⭐ kyantech Palmr 2025-7-8

  • ⭐ sst opencode 2025-6-24

  • ⭐ canonical checkbox 2025-6-18

  • ⭐ robinroy03 videoeditor 2025-6-10

  • ⭐ YaLTeR niri 2025-6-7

  • ⭐ zk-org zk 2025-6-6

  • ⭐ hougesen mdsf 2025-6-6

  • RSS
  • twitter
  • youtube
  • gaming-youtube
  • LinkedIn
  • GitHub
  • Dev.to
  • twitch
  • [email protected]

© 2022 - 2025