← All Projects
Complete
Interactive Diagrams
A diagram viewer where architecture and data-flow diagrams are written as plain markdown files with YAML graph blocks (nodes, groups, edges). The server parses the graph definitions and renders them as interactive Cytoscape diagrams alongside marked-rendered prose — diagrams stay versioned with the documentation they describe.
Tech Stack
Express 5@kitajs/htmlCytoscapegray-mattermarkedVite SSR
Key Features
- Diagrams live in plain markdown — YAML graph blocks plus prose, versioned with docs
- Server-side graph parsing into Cytoscape nodes/edges with nested group support
- Deployed live at /diagrams behind nginx