Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

85e7872510294f36b1e1e65335a22c2a

Force Directed Graph

0 stars1🌍 Public
KKarkG
Last edited Sep 17, 2020
Created on Sep 17, 2020

This example shows a force-directed graph of military equipment programs, with nodes colored by military branch and links representing dependencies between programs. Hovering highlights connected nodes and labels, while dragging lets users rearrange the layout. The visualization uses `d3.forceSimulation` for both graph and label positioning, `d3.zoom` for panning and scaling, and `d3.drag` for node interaction. Data comes from a local JSON file, rendered with SVG elements including circles, lines, and text labels.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.