🌍 Public
Viewing a saved revision (read-only)
1aea8b0f8dea4ecd84bb93a4114744a3
A8 - node-link diagram with force-directed layout
This example shows a force-directed node-link diagram of the Zachary Karate Club social network, with orange nodes and gray edges. It uses the D3 forceSimulation API to compute the layout through charge, link, and center forces, updating the SVG positions on each tick. Node labels appear in a tooltip on mouseover, built with D3’s selection and transition API. The graph renders as an SVG with animation, driven by the react framework, and the data is loaded from a remote CSV file.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.