Developer builds free real-time collaborative diagram tool using React and Go
A developer has launched Diagraw, a free browser-based infinite canvas tool for creating and sharing architecture diagrams in real time, requiring no account or installation. The frontend is built with React, TypeScript, and Vite, while the backend uses a Go service with an in-memory WebSocket hub that syncs edits between collaborators and persists changes to MongoDB. A key design choice keeps node positions as the sole source of truth, with edge geometry recalculated on every render rather than stored, simplifying the codebase significantly. The tool also supports importing Mermaid flowcharts and docker-compose files, automatically laying out nodes using a Sugiyama-style algorithm. A current limitation is that the in-memory hub prevents horizontal scaling, restricting the backend to a single replica per environment.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in