Data Visualization

Flight Paths Edge Bundling

Visualizing flight routes between airports in the continental United States

Force-directed edge bundling combining map and graph visualizations.

About This Visualization

This visualization combines map and graph visualizations to show flight routes between US airports using edge bundling techniques.

Airports are rendered as SVG circles scaled by their connectivity (degree), while flight paths are drawn on an HTML5 canvas using force-directed edge bundling to reduce visual clutter.

Technical Details

  • Projection: Albers USA projection for accurate continental display
  • Edge Bundling: Force simulation positions control nodes along flight paths
  • Rendering: SVG for airports, Canvas for flight paths (performance optimization)
  • Data: Real airport and flight route data from Mike Bostock’s examples

How It Works

Airports

Rendered as SVG circles, scaled by connectivity (degree)

Flight Paths

Drawn on HTML5 canvas using force-directed edge bundling

Hover

Mouse over airports to see details

See Also