Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A8 Force Directed Node Link Diagram

Public visualization

Viewing a saved revision (read-only)

d48226ff9fd142948f6e4e519f9463ea

A8 Force Directed Node Link Diagram

0 stars1🌍 Public
NNoah C.
Last edited Mar 26, 2024
Created on Mar 26, 2024

This example shows a static force-directed node-link diagram of firm-hi-tech data sourced from a CSV file. It uses the D3.js library (v7) to load the data and compute a 500-tick simulation via `d3.forceSimulation`, applying `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces. The SVG rendering uses circles for nodes and lines for edges, with tooltips showing each node's ID. The layout is determined by the simulation's final state, and the chart includes a title set with D3 methods.

AI-generated description

Visualization of marijuana usage rates of people 18-25 (per 1000 people) by state from the CORGIS dataset made with D3. Color legend and threshold code from Susie Lu. Implementation from D3 Graph Gallery. ChatGPT used for title/legend formatting.

Fullscreen to see legend.