USA AIRPORT ON_TIME PERFORMANCE

USA AIRPORT ON_TIME PERFORMANCE

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.

94% match

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

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.

80% match

[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.

80% match

[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

[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

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 visualization combines a map of major U.S. airports with a histogram of flight departure delays, grouped by hour of the day. Airports appear as semi-transparent circles scaled by departure delay, with hover tooltips showing city and state, and states highlighting on hover. The map supports pan and zoom via d3.zoom, while the histogram uses d3.brushX to filter the map data. React useMemo optimizes rendering, and the map uses d3.geoAlbersUsa with U.S. state boundaries from us-atlas. Data comes from a CSV of flight delays.

JJosvin John

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.