Event Storming Diagram Renderer

Render event storming diagrams on GitHub from fenced code blocks.

# Event Storming Diagram Renderer for GitHub and VS Code 🌐 **[Playground](https://rexebin.github.io/event-storming-plugin/)** — try it live in your browser A **browser extension** (Manifest V3) and **VS Code Markdown preview extension** that render **event storming** diagrams from fenced code blocks. > ⚠️ **Event storming diagrams should be small and concise.** A complex or sprawling event storming diagram is often a signal — not an achievement — that the underlying domain design or code structure needs simplification. > In DDD practice, event storming is a collaborative discovery tool for building shared understanding, not a comprehensive documentation artifact. > If your diagram feels overwhelming, consider: > 1. are you capturing implementation details instead of bounded behaviors? > 2. Are aggregates too fat? Is a single bounded context trying to model an entire enterprise workflow? > Good event storming models fit on a wall and spark conversation, not serve as reference architecture documents. See [Alberto Brandolini's Big Picture Event Storming](https://www.eventstorming.com/) and the [DDD Community guidelines](https://dddcommunity.org/) for best practices. > This project aims to accommodate moderate complexity. PRs are welcome, but simplicity wins over supporting overly complex event storming diagrams. ## Features - 🎨 Full event storming visual language: events, commands, queries, aggregates, actors, policies, views, read models, external systems, errors, and note nodes - 📦 Container-based layout: XML DSL containers render as visual boxes for aggregates, external systems, read models, and process containers - 🗂️ Nested process groups: each child group renders inside a dashed sub-container with the group name in the top-left corner - ⬅️→ Left-to-right process flows: actor → command/query/policy → event inside containers, with failure branches rendered below nodes - ↘️ Directional arrows with shared-target fan-in layouts for commands and views - 🔍 Interactive zoom & pan - 💡 Notes-only tooltips: tooltips appear only for containers, groups, or nodes that have notes - 📝 Note badges on containers, groups, and nodes that have notes - 🎯 Collapsible diagrams with toggle button - 🌈 Color-coded rectangles (black border) per event storming standard: - **Orange** (`#FFA500`) → Domain Events - **Light Green** (`#91D49C`) → Commands - **Dark Green** (`#5BAA62`) → Queries / Read Models - **Yellow** (`#FEE254`) → Aggregates - **Yellow** (`#FEE254`) → Views - **Gray** (`#D4D3D3`) → Actors - **Blue** (`#859EBF`) → Policies - **Pink** (`#FB8597`) → External Systems - **Cyan** (`#8DCFF9`) → Errors - **Light Yellow** (`#FFF1AA`) → Temp Objects / Notes