cd /news/developer-tools/mermaid-to-unicode-box-art-grok-merm… · home topics developer-tools article
[ARTICLE · art-61315] src=simonwillison.net ↗ pub= topic=developer-tools verified=true sentiment=· neutral

Mermaid to Unicode box art (grok-mermaid)

Developer Simon Willison ported xAI's open-source Rust-based Mermaid diagram renderer to the browser using WebAssembly, creating a tool that converts Mermaid diagrams to Unicode box art. The tool, built from code in the newly open-sourced Grok CLI coding agent, allows terminal-style diagram rendering in web environments.

read1 min views1 publishedJul 16, 2026
**Tool:** [Mermaid to Unicode box art (grok-mermaid)](https://tools.simonwillison.net/grok-mermaid)

While [exploring the codebase](https://simonwillison.net/2026/Jul/15/grok-build/) for the newly open-sourced Grok CLI coding agent I came across [xai-grok-markdown/src/mermaid.rs](https://github.com/xai-org/grok-build/blob/b189869b7755d2b482969acf6c92da3ecfeffd36/crates/codegen/xai-grok-markdown/src/mermaid.rs), a "self-contained terminal renderer for Mermaid diagrams" written in Rust.

I figured it would be fun to try that out in a browser via WebAssembly. Here's the prompt I ran in Claude Code for web (Fable 5), and this is what the resulting tool looks like:

── more in #developer-tools 4 stories · sorted by recency
── more on @simon willison 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/mermaid-to-unicode-b…] indexed:0 read:1min 2026-07-16 ·