Airline Delays Visualization

Assignment 5: line chart with D3

This line chart visualizes monthly airline delay counts from June 2003 to July 2016, comparing three delay types: Carrier, Late Aircraft, and National Aviation System delays. The chart uses a time scale for the x-axis spanning over 13 years, with data points horizontally offset within each month to reduce overlap. Built with D3 v7, it loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and renders SVG paths using `d3.line` with monotone curve interpolation. Interactive tooltips appear on mouseover, and axes use `d3.axisBottom` with custom month formatting.

Hhxu51@usfca.edu

92% match

Fork of Fork of Fork of Fork of Assignment 5: bubble plot with D3

This interactive dashboard visualizes airline delay patterns through four coordinated D3.js v7 charts: small multiples comparing late aircraft versus national aviation system delays across months, a time series of delay types, a stacked bar chart showing delay proportions by carrier, and a bar chart of average delay minutes. It includes year and carrier filters that update all views simultaneously, alongside tooltips and interactive legends. The visualization uses D3 scales, axes, stacking, and line generators with animated transitions on CSV data loaded from GitHub.

90% match

Fork of Assignment 5: bubble plot with D3

This bubble chart visualizes airline delay causes across months, plotting late aircraft delays on the x-axis, National Aviation System delays on the y-axis, and carrier delays as bubble size, with month name mapped to color. Built with D3 v7, the SVG animation uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` for encoding, and includes interactive tooltips on mouseover. Data comes from a CSV file loaded via `d3.csv`.

Fork of Assignment 5: bubble plot with D3

This bubble chart visualizes airline delay data, plotting late aircraft delays on the x-axis, national aviation system delays on the y-axis, and carrier delays as the bubble size, with color indicating the month. Users can click legend items to filter the data by month, and the chart updates with animated transitions. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.legend` for the interactive color legend. Data is loaded from a CSV file via `d3.csv`.

Fork of Fork of Assignment 5: bubble plot with D3

This bubble chart visualizes airline delay statistics, plotting late aircraft delays on the x-axis against National Aviation System delays on the y-axis. Circle size encodes carrier-related delays, while categorical color mapping distinguishes months using `d3.scaleOrdinal` with `d3.schemeCategory10`. Built with `d3.svg`, the chart uses `d3.scaleLinear`, `d3.scaleSqrt`, `d3.axisBottom`, and `d3.axisLeft`, loading CSV data from GitHub. The visualization includes tooltips and static rendering, with animation support provided by the VizHub V3 runtime environment.

Fork of Fork of Assignment 5: bubble plot with D3

This small multiples visualization displays airline delays across twelve months, plotting late aircraft delays against national aviation system delays for individual carriers. The bubble size encodes carrier delay counts, while color distinguishes airlines by name, with each monthly cell including a Pearson correlation coefficient with a trend line. The D3.js v7 implementation uses `d3.group` for data nesting, `d3.scaleOrdinal` and `d3.scaleSqrt` for color and size mapping, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Hovering reveals detailed tooltips. Data comes from a CSV file hosted on GitHub, rendered as SVG with animated transitions.

Fork of Fork of Fork of Assignment 5: bubble plot with D3

This small multiples visualization shows how airline delays vary by month, displaying the correlation between late aircraft delays and National Aviation System delays for each month of the year. Each cell contains a bubble plot where carrier delays determine point size and airline carrier determines color, with trend lines and Pearson correlation coefficients revealing seasonal patterns. The visualization uses d3.csv to load airline delay data, d3.group and d3.scaleOrdinal for data organization and color encoding, and d3.axisBottom and d3.axisLeft for consistent axes across cells. Interactive tooltips appear on hover, while the layout is computed manually with a fixed cell size rather than using d3.layout functions.

88% match

Fork of Assignment 5: bubble plot with D3

This interactive bubble plot shows the relationship between departure delays and late aircraft delays across U.S. airports and months, with bubble size encoding carrier delays and color mapping to the month of the year. The D3.js v7 visualization includes dropdown filters for month and airport, hover tooltips with detailed statistics, and animated transitions that update the SVG elements when filters change. Data loads from a CSV file with d3.csv, while d3-legend and d3-annotation libraries add legends and contextual callouts for key data points.