Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force

Public visualization

Viewing a saved revision (read-only)

72290fae6b744dee8bdab39308e4c010

Force

0 stars0🌍 Public
Vvivianaaai@qq.com
Last edited Nov 13, 2023
Created on Nov 13, 2023
Forked from D3.js 教程

This visualization shows a force-directed network graph of social connections from the Caltech36 Facebook dataset, rendered as SVG circles and lines. The simulation uses `d3.forceSimulation` with `d3.forceManyBody`, `d3.forceCenter`, and `d3.forceLink` to position nodes colored with a rainbow sequential scale. The code loads node and link data from a local JSON file, then applies ticked updates to redraw node positions and link endpoints as the layout stabilizes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.