USA airlines on-time performance

100%

USA airlines on-time performance

✓ Published1🌍 Public

Last edited Oct 18, 2019

Created on Oct 18, 2019

This line chart displays the average departure delay for USA airlines over time, with each date point visualized as a circle and connected by a smooth natural curve. The visualization uses React to render SVG elements and D3 v5 scales, including `scaleTime` for the date axis and `scaleLinear` for delay values. Data is loaded asynchronously from a CSV file containing daily mean departure delays, and the chart includes labeled axes, grid lines, and interactive tooltips showing formatted dates on hover.

AI-generated description

A line chart of USA airlines on-time performance.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart for USA Flights On-time Performance

This interactive pie chart visualizes USA flight on-time performance by showing departure delay hours for each day of the year. Each slice represents a single day, with the radial length of the slice encoding the delay value. Built with React and D3 v5, the visualization uses D3’s `arc` function to generate the SVG paths, with input data from a CSV file fetched via D3’s `csv` method. The chart is rendered entirely as SVG elements, where each slice’s outer radius is proportional to its corresponding delay metric.

XXinting Yao

84% match

Loading thumbnail…

Lollipop Chart USA Flights On-time Performance

A lollipop chart visualizes monthly average departure and arrival delays for USA flights, with each day of the month represented by a horizontal line connecting two circles: one for departure delay (green) and one for arrival delay (purple). The chart uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for axes, and SVG lines and circles for the marks. The code renders with React and D3 v4, drawing elements manually to show the distribution of delay times across the month.

XXinting Yao

83% match

Loading thumbnail…

Lollipop Chart USA Flights On-time Performance

A lollipop chart visualizes USA flight on-time performance by day of the month, comparing average departure delay (green circles) against arrival delay (purple circles) for each day. The chart uses D3 v4’s `scaleLinear` for the horizontal delay axis and `scaleBand` for the vertical day axis, with lines connecting the two delay values per day. Data is loaded from a CSV via `d3.csv` and rendered as SVG circles and lines within a React framework.

CcodingClaire

83% match

Loading thumbnail…

Pie Chart for USA Flights On-time Performance

A pie chart visualizes USA flight on-time performance by mapping each month to a slice, with the radial extent of each slice sized by the average departure delay. The chart uses a donut layout with an inner radius, rendering data loaded from a CSV file via `d3.csv`. Built with React and D3 v5, it employs the `d3.arc` generator to create SVG paths, with each slice’s outer radius scaled by the delay value. The visualization highlights monthly delay patterns in a simple, interactive-free format.

XXinting Yao

82% match

Loading thumbnail…

Fork of Lollipop Chart USA Flights On-time Performance

This visualization presents the on-time performance of US flights by comparing average departure and arrival delays for each day of the month. A lollipop chart connects two circles per day, with green circles marking departure delays and purple circles showing arrival delays, positioned along a shared time axis. The chart is built using D3 v4’s `scaleLinear` and `scaleBand` functions, with data drawn from a CSV file containing daily delay statistics. The SVG rendering uses D3 selections to append lines and circles, while React manages the overall application structure.

KKetaki789

81% 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

80% match

Loading thumbnail…

Bar Chart for USA Flights Delay _ React & D3

This interactive bar chart visualizes the average departure delay for USA flights by month. Each horizontal purple bar represents a month, with its length proportionally reflecting the mean delay in minutes. The visualization is built using React and D3.js (with `scaleBand` for the y-axis and `scaleLinear` for the x-axis), rendering as an SVG. Data is loaded from a remote CSV file, pre-processed to calculate monthly averages, and displayed with axis ticks and labels.

XXinting Yao

80% match

Loading thumbnail…

First Pass Radial Line Chart

This radial line chart visualizes average departure delays for USA airlines on-time performance data, with the date mapped to angle and delay duration mapped to radius. The chart uses d3.lineRadial with curveNatural to create a smooth spiral-like path, while d3.scaleTime and d3.scaleSqrt handle the angle and radius scales. It marks a first pass toward a full radial visualization, with axes and periodic time ranges yet to be implemented. The React component renders SVG marks, reading data from a CSV of departure delay records.

XXinting Yao

79% match