From Mermaid to WebGPU: Four Diagram Mistakes in a Year of Blogging

Tue, 07 Jul 2026 00:00:00 +0000

I’ve been blogging for over a year now, and I’ve drawn dozens of diagrams. Architecture diagrams, sequence diagrams, data comparison bar charts, TCP congestion window evolution curves.

Then one day on my commute home, it hit me: I’ve been using Mermaid almost daily, but I have no idea what technology powers it.

You write a ```mermaid code block, save the file, and there it is—a fully rendered diagram. But how does text become SVG? What even is SVG? Why do I use Chart.js for bar charts and ECharts for stacked line charts? What if I need a real-time dashboard, not just a static diagram?

Blog Tools on Mi&Bee Blog

From Mermaid to WebGPU: Four Diagram Mistakes in a Year of Blogging