A React-based interactive graph visualizer that lets users input adjacency data and instantly render force-directed graphs on a canvas. Supports directed/undirected modes, weighted edges, node dragging, zoom/pan, hover-based edge highlighting, and PNG export. Built with a dark glassmorphism UI using Tailwind CSS and Radix UI components.
Back to projects
Interactive graph visualization tool to render directed/undirected weighted graphs with force-directed layouts.
ReactJavaScriptTailwind CSSRadix UIreact-force-graph-2dCRACOCanvas