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