Viewing a saved revision (read-only)
d48226ff9fd142948f6e4e519f9463ea
A8 Force Directed Node Link Diagram
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 descriptionVisualization 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.