A lightweight planning tool for turning roadmaps into dependency maps that show what unlocks what.
Project Type: tech / Dependency-Graph Planning Tool
Role: Designer & Full-Stack Developer
Tech Stack: Next.js, TypeScript, React, D3.js (force simulation), SVG, TailwindCSS, browser localStorage (local-first), PNG / JSON export
Status: Live, 2026. Continuous WIP.
Live Demo: networkgraph
Network Graph is a lightweight tool for building dependency maps that make product planning easier to understand. Instead of flattening a roadmap into a list, it shows how initiatives, platform work, and supporting features relate to one another, including what needs to happen first and what later work depends on.
Teams can visually understand the real shape of the work: which decisions unlock later features, where sequencing risk exists, and what a realistic timeline needs to account for.
Each node represents an initiative or feature, with status built in: not started, in progress, completed, or paused. Larger nodes can represent major platform pillars, while smaller nodes capture supporting work. Directed edges show dependencies, and dashed connections show peer relationships where two efforts influence one another without a strict blocking order.
Quickly sketch a graph, drag and pin nodes into place, link supporting documentation, trace dependency chains, filter by status, search for specific work, and export a screenshot as PNG or the node relationships as JSON. It runs entirely in the browser, with no account or backend, so project data stays local. Great for planning sessions, roadmap reviews, and handoff conversations.