Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Untitled

0 stars0🌍 Public
Llfting96
Last edited Jul 20, 2023
Created on Jul 20, 2023
Forked from React & D3 Starter

This visualization explores the relationships and spatial distribution of European countries through an interactive force-directed network. Nodes representing individual countries are positioned using d3.forceSimulation, while a static map overlay rendered with d3.geoPath provides geographic context. The code uses U.S. Census Bureau data for country boundaries and highlights connections between states, with color intensity reflecting the strength of ties. Hovering over a node triggers a transition.attrTween that smoothly scales its size and displays the country name, offering a clear bridge between abstract network topology and real-world geography.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed