Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of arrow

Public visualization

Viewing a saved revision (read-only)

8469a14252b948d98b2b93d5f72d216d

Fork of arrow

0 stars0🌍 Public
Xxie ming better
Last edited Sep 28, 2022
Created on Sep 28, 2022
Forked from arrow

This is a force-directed network graph built with D3 v6, visualizing trade relationships between countries in 2014. It shows nodes representing countries, colored by group, and links weighted by trade volume, with arrowheads indicating flow direction. The visualization uses `d3.forceSimulation` with link, charge, collision, and center forces, and renders as an SVG. Data comes from a JSON file containing country nodes and weighted links. The graph is interactive, allowing users to drag and reposition nodes within the network layout.

AI-generated description

Force Network chart using D3 v6

Still to be done -

  link text
  node text
  link arrow heads (currently appear behind node)