Force Graph is a JavaScript component for rendering interactive force-directed graphs on an HTML5 canvas. It uses d3-force as its physics engine to calculate node positions through iterative simulation. Developers can load graph structures containing nodes and links and update the data dynamically. Users can zoom, pan, drag nodes, and interact with nodes or links through hover and click events. Nodes can contain text, images, custom shapes, colors, and configurable labels. Links can display arrows, moving particles, custom styles, and other visual indicators for exploring relationships in network data.

Features

  • HTML5 canvas graph rendering
  • d3-force physics simulation
  • Zoom, pan, and node dragging
  • Node and link interactions
  • Custom node rendering
  • Directional arrows and moving particles

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow force-graph

force-graph Web Site

Other Useful Business Software
Ship Agents Faster Icon
Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of force-graph!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Data Visualization Software

Registered

2026-08-28