SVG Graph Network
A powerful TypeScript library for creating interactive, customizable graph visualizations with SVG. Built for performance, flexibility, and beautiful user experiences.
Powerful Features
Everything you need to create stunning graph visualizations
High Performance
Optimized SVG rendering with efficient physics simulation and smooth animations. Handles thousands of nodes with ease.
Modular Architecture
Clean, extensible codebase with dependency injection. Easy to customize and extend for your specific needs.
Touch & Mobile Ready
Full touch support with gesture recognition. Works seamlessly on desktop, tablet, and mobile devices.
Highly Customizable
Comprehensive theming system with CSS-in-JS styling. Create beautiful, branded visualizations.
TypeScript First
Built with TypeScript for excellent developer experience. Full type safety and IntelliSense support.
Physics Simulation
Advanced force-directed layout with customizable physics parameters for natural, organic layouts.
Interactive Examples
Explore what's possible with SVG Graph Network
Module Dependencies
Interactive visualization of the library's own module dependencies. Shows 38 TypeScript modules and their relationships with filtering and search.
Basic Network
Simple network graph with drag-and-drop interaction, zoom controls, and physics simulation. Perfect starting point for new projects.
Advanced Features
Showcases advanced features including custom node shapes, dynamic styling, selection handling, and complex interactions.