Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

network

Public visualization

network

0 stars0🌍 Public
LLaasyaJ256
Last edited Apr 11, 2026
Created on Apr 9, 2026
Forked from React & D3 Starter

This example shows a force-directed network of city flight routes, with nodes representing cities and links representing connections. Major hubs like New York and Tokyo are drawn as larger, blue circles, while non-hub cities appear as smaller, orange circles. The visualization uses D3.js v7 with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, `d3.forceCenter`, and `d3.drag` to position the nodes dynamically. The SVG output renders nodes and edges, with labels showing city names.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed