vasturiano/force-graph

Features

• Directed Graph Visualization - Renders interactive, force-directed network visualizations on a canvas to represent complex relational data structures.
• Force-Directed Layouts - Provides a high-performance library for rendering interactive, force-directed network visualizations within an HTML5 canvas.
• Force-Directed Topology Graphs - Visualizes complex network relationships on a canvas using a physics-based simulation engine.
• Immediate Mode Canvas Renderers - Implements high-performance immediate-mode rendering directly onto an HTML5 canvas for smooth network visualizations.
• HTML5 Canvas Libraries - Ships a high-performance library for rendering large-scale network structures using physics-based simulations and canvas-based drawing.
• Force-Directed Layout Physics - Calculates node positions using iterative attraction and repulsion forces to simulate dynamic physical systems.
• Graph Interactions - Provides interactive navigation controls including panning, zooming, and focus-based interaction for exploring complex network graphs.
• Interactive Network Exploration - Enables interactive exploration of complex relational datasets through physics-based graph manipulation.
• Graph Layout Configurators - Allows applying custom constraints and directional hierarchies to organize graph structures automatically.
• Graph Rendering Lifecycle Controls - Controls the rendering lifecycle by pausing or resuming updates and fitting layouts to the viewport to maintain interface performance.
• Graph Layout Algorithms - Enables node arrangement using specific algorithms like tree hierarchies or directed acyclic layouts to improve visual clarity.
• Coordinate and Viewport Transformations - Manages rendering loops and coordinate transformations to ensure performance during zooming, panning, and layout transitions.
• Large Scale Graph Rendering - Optimizes canvas drawing techniques to maintain responsiveness when rendering massive datasets with thousands of nodes.
• Node Appearance - Enables custom visual representation of nodes using images, labels, and geometric shapes to distinguish data entities.
• Viewport Coordinate Mappings - Translates between abstract graph domain coordinates and screen-space pixels to enable accurate interaction and viewport navigation.
• Network Graph Layouts - Organizes complex network data into structured tree or radial patterns to clarify information flow.
• Directed Graph Layouts - Supports arranging nodes in directed structures using top-down, bottom-up, or radial patterns.
• Graph Simulation Tuners - Provides controls for adjusting physical properties like charge and velocity to influence graph element movement.
• Data-Driven Node Styling - Allows custom visual identities for nodes and links using images, labels, and shapes to distinguish data types.
• Data Visualization Components - Provides a web-based interface for exploring hierarchical and relational datasets with support for zooming, panning, and custom styling.
• Event-Driven Interaction Handlers - Captures and normalizes pointer inputs to map screen-space gestures to specific graph entities for selection and manipulation.
• Graph Link Styling - Provides accessor functions and callbacks for granular visual styling of nodes and links within the graph.
• Data-Driven Graph Styling - Provides functional callbacks to dynamically style nodes and links based on data attributes during the render loop.
• Viewport Navigation Controls - Provides panning, zooming, and focus-based navigation tools for exploring large visual datasets.

Star history