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
Paessler - Monitor Your Whole Network in Minutes Icon
Paessler - Monitor Your Whole Network in Minutes

Auto-discovery finds your devices and deploys pre-configured sensors instantly. No project plan required, just visibility from day one.

Waiting weeks for a monitoring rollout isn't an option when infrastructure doesn't stop running. PRTG's auto-discovery scans your network and suggests from over 200 pre-configured sensor types, so you're watching servers, applications and devices within minutes, not after a multi-week deployment. Enterprise-strength monitoring, without the enterprise complexity. Start your free trial today.
Start Free 30-Day Trial
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