Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Visualization

Public visualization

Viewing a saved revision (read-only)

2ba4ae60e6d9492183b8b9c38b6225a0

D3 Visualization

0 stars0🌍 Public
FFAN-666666
Last edited Dec 14, 2022
Created on Dec 14, 2022
Forked from D3 Starter

This interactive visualization shows the on-time arrival rate for 17 different air carriers across each day of July 2022. A dropdown menu lets the user select an airline, which triggers an animated transition of the line chart to display that carrier’s daily performance, with the line’s color changing to match the selected carrier. The visualization is built with D3 v7, using `d3.csv` to load the trend data, `d3.scaleLinear` for the axes, `d3.line` for the path, and SVG animations via `.transition().duration(1000)` to smoothly redraw the line. The chart includes labeled axes for the day of the month and the on-time rate, and the interface is a simple HTML page with a D3-generated selection menu.

AI-generated description

Flight On-time Rate by Different Carriers in July 2022