All charts/Network

Flights between hubs

layout='radial' sets the nodes on a circle.

1 The data _data/flights.yaml yaml

# Daily direct flights between eight hubs
- from: Amsterdam
  to: London
  flights: 28
- from: Amsterdam
  to: Paris
  flights: 14
- from: Amsterdam
  to: New York
  flights: 9
- from: London
  to: New York
  flights: 31
- from: London
  to: Dubai
  flights: 12
- from: Paris
  to: Dubai
  flights: 7
- from: Dubai
  to: Singapore
  flights: 10
- from: Dubai
  to: Tokyo
  flights: 5
- from: Singapore
  to: Tokyo
  flights: 11
- from: Tokyo
  to: New York
  flights: 6
- from: New York
  to: São Paulo
  flights: 8
- from: Paris
  to: São Paulo
  flights: 4

2 The chart tag network/flights.pad pad

{chart 'network', data='flights', source='from', target='to', value='flights', layout='radial', title='Direct flights per day', width=640, height=420}

3 The result inline SVG · no JavaScript