Map of Frequent Arrival Delay State

100%

Map of Frequent Arrival Delay State

✓ Published0🌍 Public

Last edited Dec 15, 2022

Created on Dec 15, 2022

This map shows the relative frequency of airline arrival delays across U.S. states, with each state filled in teal and circles positioned at airports affected by delays. The visualization uses a React front end with D3 v5's `geoAlbersUsa` projection and `geoPath` to render state boundaries from a TopoJSON US Atlas, while bubble sizes are scaled using `scaleSqrt`. Delay data is loaded as CSV via D3's `csv` function and mapped to latitude and longitude coordinates. Hovering highlights state shapes, and circles maintain semi-transparent blue fills.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Major U.S. Airports by Departure Delay

This visualization maps major U.S. airports by departure delay using a geospatial scatter plot overlaid on state boundaries. Circle radius encodes the total departure delay at each airport, with larger circles indicating more significant delays. The map uses the `geoAlbersUsa` projection and `geoPath` from D3 v5 to render the state outlines, while React manages the component structure. Data comes from a Flight Delay Analysis Dataset, and the underlying geography uses the U.S. Atlas states-10m TopoJSON file.

JJosvin John

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

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

79% match

Loading thumbnail…

Major U.S. Airports by Departure Delay

This visualization combines a bubble map of major U.S. airports with a time histogram of departure delays. The map uses a conic conformal projection via `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries, overlaid with circles sized by the square root of total departure delay using `d3.scaleSqrt`. The histogram bins scheduled departure times into 20 bins using `d3.histogram`, summing delays per bin. Data comes from a flight delay analysis dataset loaded via `d3.csv`.

JJosvin John

78% match

Loading thumbnail…

Major U.S. Airports based on Departure Delay grouped by time of day(includes brushing)

This visualization combines a U.S. map and a time histogram to show major airport departure delays grouped by time of day, with brushing to filter. The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries, with circles scaled by `d3.scaleSqrt` representing delay magnitude. The histogram, built with `d3.scaleLinear` and `d3.bin`, shows total delay per hour, and `d3.brushX` enables selecting time ranges to update the map. Data comes from a Flight Delay Analysis dataset, rendered in SVG.

JJosvin John

77% match

Loading thumbnail…

Major U.S. Destination Airports

This visualization maps major U.S. destination airports using a conic conformal projection rendered with d3.geoPath. Each flight destination appears as a semi-transparent red circle, with overlapping points creating darker regions that indicate higher flight density. State boundaries come from the U.S. Atlas TopoJSON, while flight data is loaded from a CSV containing latitude and longitude coordinates. The React application uses d3.geoAlbers with fitExtent to scale the map, and includes graticules and a sphere outline for geographic context.

JJosvin John

75% 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(范紀予)

73% match

Loading thumbnail…

Map

This map displays the United States with each state filled in orange on a blue background. Using the Albers equal-area conic projection, the visualization renders state boundaries from the us-atlas TopoJSON dataset via `d3.geoPath` and `topojson.feature`, with the SVG drawn inside a React application. The map uses a thin gray stroke for state borders and is centered within the viewport through a translate transform.

DDINESH SAI BOPPANA

73% match