Skip to main content
SimilarExport ZIP
100%

Top 15 Destination Airports

✓ Published1🌍 Public
JJosvin John
Last edited Oct 31, 2020
Created on Oct 30, 2020

This bar chart displays the top 15 destination airports by flight count, using IATA codes on the y-axis and a linear scale for the number of departures on the x-axis. It highlights the most popular destination (ORD with 897 flights) and the least popular in the top 15 (BOS with 46 flights). Built with D3 v5, the visualization uses `d3.csv`, `d3.nest`, `scaleLinear`, `scaleBand`, and `axisBottom`/`axisLeft` to generate an SVG, with interactive tooltips shown on hover. Data comes from a Flight Delay Analysis Dataset hosted in a GitHub gist.

AI-generated description

The data shown here comes from Flight Delay Analysis Dataset

This bar chart shows the Top 15 Destination Airports sorted by the number of departures to each airport in descending order.

<!-- Each Airport is denoted by a different color. -->

The Airports are represented by their IATA Codes.

This chart also demonstrates customization of D3 axes.

The questions that can be asked from this chart are:

  • What are the Top 15 Airports that have the most number of flights departing to?
  • How many flights depart to the most popular destination? Ans = 897
  • How many flights depart to the 15th most popular/least popular destination according to this graph? Ans = 46
  • What is the least popular destination from this graph? Ans = BOS
  • What is the most popular destination from this graph? Ans = ORD
MIT Licensed

Similar vizzes

Loading thumbnail…

Top 15 Airports w.r.t. Departures

This bar chart ranks the top 15 destination airports by number of departing flights, using IATA codes on the y-axis and flight counts on the x-axis. Each airport is color-coded, and a tooltip displays the exact airport code and flight count on hover. Built with Vega-Lite and D3 v5, it processes flight delay data from a CSV file, aggregating and filtering to isolate the top destinations. Custom axis styling, including tick color and font sizes, improves readability.

JJosvin John
88% match
Loading thumbnail…

Top 15 Airports w.r.t. Origin using React+D3

This visualization displays the top 15 airports by origin, ranked by flight count in descending order, with each airport color-coded and labeled by IATA code. The chart aggregates flight delay data from a CSV source using D3’s `csv` loader, then applies Vega-Lite transforms for filtering, grouping, counting, and ranking before rendering with React. Customized D3 axes are visible, and the visualization updates dynamically to fit the window size. The code integrates React, D3 v5, Vega-Lite, and Vega-Tooltip for interactive hover details.

JJosvin John
79% match
Loading thumbnail…

airports

This bar chart displays airport data from a CSV file, listing airport codes along the y-axis and their population values along the x-axis. The visualization uses D3 v7 to load the data, create linear and band scales, and render axes using D3's axis functions. The chart is drawn with SVG elements, where each rectangular bar is filled with a steel-blue color, and the SVG canvas is set to 960 by 400 pixels. The code converts population strings to numbers before rendering the scaled bars.

YYi Changsheng
75% match
Loading thumbnail…

Assignment 4: Bar Chart with D3

This bar chart visualizes the top 10 airports ranked by total carrier delay minutes, using a logarithmic y-scale to accommodate wide value ranges. The visualization loads CSV data via `d3.csv`, aggregates values with `d3.rollup`, and renders SVG bars using `d3.scaleLog` and `d3.scaleBand`. Interactive tooltips appear on hover, displaying the airport code and delay count, while axes are generated with `d3.axisBottom` and `d3.axisLeft`.

Hhxu51@usfca.edu
74% match
Loading thumbnail…

Interactive Dashboard showing various charts

This interactive dashboard presents a multifaceted analysis of flight delays using several D3.js charts. It includes a horizontal bar chart showing the top 15 destination airports by flight frequency, a stacked bar chart detailing average delay times and reasons for various airlines, and four donut charts that display the percentage of flights delayed (more or less than 15 minutes) by arrival, departure, airline, and origin airport. Built with D3 v5, the visualizations render as SVGs and incorporate interactive tooltips for detailed data inspection, with data sourced from a Flight Delay Analysis dataset.

JJosvin John
73% match
Loading thumbnail…

On-time performance of the top-5 busiest airports in USA

This radial chart shows the on-time performance of the top-5 busiest US airports by plotting average departure delay across dates in a circular layout. Each airport forms a closed line polygon using `d3.lineRadial` with `curveLinearClosed`, colored by a categorical scale. An interactive color legend highlights one airport at a time, fading others via opacity. The visualization uses React for component structure, D3 v5 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`), and `pointRadial` for angle axis ticks, with data loaded from a CSV of airline performance metrics.

XXinting Yao
72% match
Loading thumbnail…

[test] On-time performance of top-5 busiest airports in USA

This radial chart compares on-time performance across the five busiest US airports using D3 v5 and React. Monthly average departure delays are plotted along a circular time axis, with each airport shown as a distinct colored line. The visualization includes an interactive color legend that highlights a selected airport while fading the others, and angle tick marks label the months. Data comes from a CSV file loaded via d3.csv. The code uses d3.lineRadial with curveLinearClosed, d3.scaleTime, d3.scaleOrdinal, and d3.pointRadial for positioning.

XXinting Yao
71% match
Loading thumbnail…

Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each origin airport

This interactive donut chart visualizes the percentage of flights delayed relative to departure for each origin airport, with color saturation indicating the proportion of total delays. Hovering over a slice reveals the exact percentage of delay attributed to that airport in a tooltip. Built with D3 v5, the visualization uses `d3.pie` and `d3.arc` to generate the donut slices and `scaleOrdinal` for color mapping. Data comes from a Flight Delay Analysis dataset, loaded via `d3.csv` and aggregated using `d3.nest`.

JJosvin John
71% match