As part of my exploration into JavaScript, I was looking into how I might display some charts and ran across Mermaid.js. Mermaid is an interesting project that uses a simple Markdown-like language to define diagrams and charts. It’s got a long list of integrations so you can use the charts in various blogging, CMS and other tools. It’s definitely something I will be exploring more as I can see some interesting use cases for my professional work as well as hobby stuff.

Using Mermaid, it’s really simple to create PNG diagrams that can easily incorporated such as this:.

pie chart

Or this:

sequence diagram

Also interesting is that the Live Editor is built using Svelte. It’s always nice to be able to read through a real implementation of something you are trying to learn about.