Logan Airport Weather vs Delay

Logan Airport Weather vs Delay

This visualization combines a scatter plot with a ring chart to explore relationships between weather conditions and flight delays at Logan Airport. The scatter plot maps daily maximum temperature on the y-axis against date on the x-axis, with circle size representing departure delay magnitude and color indicating precipitation levels. The ring chart presents the same delay data as radial bars arranged around a circle. Both charts use d3.csv to load the dataset, with d3.scaleLinear, d3.scaleTime, and d3.axisBottom/Left for the scatter plot, while the ring chart employs d3.rect elements rotated via d3.scaleLinear.

Logan Airport Weather vs Delay

This example correlates daily weather conditions at Logan Airport with flight departure delays. A scatter plot displays maximum temperature on the y-axis, date on the x-axis, and encodes precipitation through color and delay magnitude through circle radius. A separate ring chart shows the same delay data as a circular line and bar plot. The visualization uses d3.csv for data loading, d3.lineRadial for the ring line, and d3.arc for radial bars, all rendered as SVG with D3 v5.

Logan Airport Weather vs Delay

This visualization combines a scatter plot and a radial ring chart to compare daily weather conditions and flight delays at Logan Airport in 2016. The scatter plot uses circle size and color to represent delay duration and precipitation levels, while the radial bars show wind speed and encode weather severity through blue-to-red coloring. Built with D3.js v5, the views are linked so hovering over a data point highlights its counterpart in the other chart, with tooltips displaying the date and delay length. The data is loaded from a CSV file containing daily weather measurements and delay statistics.

Logan Airport Weather vs Delay

A linked visualization explores daily weather conditions and flight delays at Logan Airport in 2016. A scatter plot maps wind speed against date, with circle size encoding departure delay and color indicating precipitation. A radial ring chart displays the same delay data as arcs, colored red for adverse weather or blue for normal conditions, with month labels positioned along the ring. Hovering over a scatter plot point highlights the corresponding arc in the ring chart, using D3 v5 with SVG rendering and data from a CSV file.

Ss-janibekova

Logan Airport Weather vs Delay

This scatter plot shows daily weather conditions at Logan Airport versus flight delay duration, with each circle representing a day. Temperature appears on the y-axis, date on the x-axis, circle radius encodes departure delay, and color indicates precipitation, using a blue interpolated scale. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, while loading CSV data via `d3.csv`. Precipitation values below 0.1 appear as pale gray circles, and hover tooltips display the delay value.

95% match

Logan Airport Weather vs Delay

This interactive visualization combines a scatter plot and a radial ring chart to explore the relationship between weather conditions and flight delays at Logan Airport. The scatter plot maps wind speed against departure delay, with circle size representing delay magnitude and color indicating precipitation levels. The ring chart displays the same data over time, with radial bars colored red for bad weather or blue for normal conditions. Users can hover over points in either view to highlight corresponding elements in the other view, using D3 v5’s selection and event handling. The data is loaded from a CSV file and rendered as SVG.

CCharvi Jain

93% match

Logan Airport Weather vs Delay

This example visualizes the relationship between weather conditions and flight delays at Logan Airport in 2016 using a ring chart. Each arc’s radius encodes daily departure delay, while its color indicates whether bad weather was recorded; red represents days with at least one adverse weather type, blue represents days without. The code uses D3 v5 with `d3.arc`, `d3.scaleLinear`, and `d3.scaleTime` to position arcs around the circle. Data comes from a combined CSV containing temperature, precipitation, and weather-type flags, with the ring rendered as SVG paths.

93% match