Skip to main content
100%

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

✓ Published1🌍 Public
NNita
Last edited Feb 25, 2025
Created on Feb 25, 2025

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.

AI-generated description

Airline Delays Visualization

This visualization shows the relationship between different types of airline delays across months. The visualization uses a small multiples approach to display how Late Aircraft Delays correlate with National Aviation System Delays for each month of the year.

Features

  • Small multiples grid showing data by month
  • Correlation coefficient displayed for each month
  • Trend lines to highlight relationships
  • Interactive tooltips showing detailed information
  • Color coding by carrier
  • Size encoding shows carrier delays

Data Dimensions

  • X-axis: Late Aircraft Delays
  • Y-axis: National Aviation System Delays
  • Size: Carrier Delays
  • Color: Airline Carrier

The visualization helps identify:

  1. Seasonal patterns in airline delays
  2. Which carriers experience more delays
  3. How different types of delays correlate with each other
  4. Outliers in the dataset

Insights

This visualization makes it easier to see:

  • Which months have stronger correlations between delay types
  • How the relationships between delay types change throughout the year
  • Which carriers consistently experience more delays
  • Unusual patterns that might warrant further investigation

Technical Implementation

Built using D3.js v7, the visualization implements:

  • Small multiples pattern for comparative analysis
  • Linear regression for trend lines
  • Pearson correlation calculation
  • Interactive tooltips for data exploration
  • Responsive legend system
MIT Licensed

Similar vizzes