Skip to main content
SimilarExport ZIP
100%

USA AIRPORT ON_TIME PERFORMANCE

✓ Published3🌍 Public
XXinting Yao
Last edited Oct 29, 2019
Created on Oct 17, 2019
Forked from Points on a Map

This map visualizes the locations of U.S. airports and their on-time performance. Each circle represents an airport, positioned using the `d3.geoAlbers` projection and rendered via `d3.geoPath` in an SVG. The choropleth-like map shows state boundaries and interiors using TopoJSON data from the us-atlas package, while airport data is loaded from a CSV with the `d3.csv` API. Hovering over a circle reveals the airport name and state via a native SVG `<title>` element. The visualization is built with React 16 and D3 v5.

AI-generated description

A map showing location of most of the airports in USA. Project Information.

MIT Licensed

Similar vizzes

Loading thumbnail…

USA AIRPORT ON_TIME PERFORMANCE

This visualization displays the on-time performance of US airports, plotting each city with a gray circle positioned according to its latitude and longitude. The map is rendered using React and D3’s geoAlbers projection, with state boundaries, graticules, and a sphere background drawn via d3.geoPath. City coordinates are loaded from a CSV file using d3.csv, while state topology comes from TopoJSON, with interior borders generated using topojson’s mesh function. The visualization uses d3.v5 and React 16.9, with all marks rendered as SVG elements.

Yyyaaa1
94% match
Loading thumbnail…

USA AIRPORT

A map of USA airports displays each location as a gray circle with a two-letter abbreviation label, overlaid on a geographic projection of US states. The visualization uses D3 v5 with geoAlbers and geoPath for map rendering, while React components manage the SVG structure. Airport coordinates are loaded from a CSV file, and state boundaries come from a TopoJSON atlas. The map is complemented by a separate time-series histogram showing monthly totals of dead and missing individuals, built with D3's scaleTime, bin, and sum functions.

FFAN CHI YU(范紀予)
84% 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
81% 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
80% match
Loading thumbnail…

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

This radial chart shows the on-time performance of the five busiest US airports, with each colored ring representing an airport’s average departure delay over time. The chart uses D3’s `scaleTime` for the angular axis and `scaleLinear` for the radial axis, with `lineRadial` and `curveLinearClosed` to draw the closed paths. An interactive color legend, built in React, filters and highlights each airport’s trajectory on hover. Data is loaded from a CSV file using D3’s `csv` parsing.

JJacob Whitt
79% match
Loading thumbnail…

USA airlines on-time performance

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.

XXinting Yao
78% match
Loading thumbnail…

Major U.S. Airports based on Departure Delay grouped by time of day(includes Pan & Zoom, Hover highlighting of state, Tooltips & Brushing with React Performance Optimization)

This example combines a U.S. map with a histogram to visualize major airport departure delays grouped by time of day. The map uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries with circles scaled by `d3.scaleSqrt` representing delay magnitude, while the histogram bins flights by `SCHEDULED_DEPARTURE` using `d3.histogram`. Pan and zoom via `d3.zoom`, hover state highlighting, tooltips, and brush filtering are implemented, optimized with React `useMemo` and a custom `ZoomContainer` that wraps SVG transforms. Data comes from a CSV of flight delays and the US Atlas TopoJSON.

JJosvin John
78% match
Loading thumbnail…

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

A radial line chart shows the average departure delay for the five busiest US airports across months, with each airport’s performance traced as a colored, closed loop around a circular timeline. A legend indicates airport names and colors; hovering over a legend entry highlights that airport’s trace while dimming the others. The visualization is built with React and rendered as an SVG, using D3 v5 functions such as `scaleTime` and `scaleLinear` for the angle and radial axes, `pointRadial` to position ticks, `curveLinearClosed` to close each path, and a custom `ColorLegend` component. Data is loaded from a CSV file.

Mmkt-ds
78% match