Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

force_node_simple

Public visualization

Viewing a saved revision (read-only)

e7af83b0d54f452aac5cff0b683c093a

force_node_simple

0 stars1🌍 Public
CCyc-Evelyn
Last edited Nov 5, 2020
Created on Nov 5, 2020
Forked from Hello VizHub

This example shows a simple force-directed network graph rendered as SVG, displaying labeled circular nodes and weighted links. It loads node and link data from a JSON file and uses the d3.layout.force API from d3.v2 to simulate physics with configurable gravity, distance, and charge. Each link’s stroke width reflects its weight value, and nodes are draggable via d3.force.drag. A tick handler updates line coordinates and node transforms continuously.

AI-generated description

React Starter code.