Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each origin airport

100%

Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each origin airport

✓ Published0🌍 Public

Last edited Oct 29, 2020

Created on Oct 19, 2020

Forked from Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each airline

This interactive donut chart visualizes the percentage of flights delayed relative to departure for each origin airport, with color saturation indicating the proportion of total delays. Hovering over a slice reveals the exact percentage of delay attributed to that airport in a tooltip. Built with D3 v5, the visualization uses `d3.pie` and `d3.arc` to generate the donut slices and `scaleOrdinal` for color mapping. Data comes from a Flight Delay Analysis dataset, loaded via `d3.csv` and aggregated using `d3.nest`.

AI-generated description

The data shown here comes from Flight Delay Analysis Dataset

This chart meant to show the "Percentage of flights delayed w.r.t Departure for each origin airport". The color saturation denotes the percentage of delayed flights that belong to each airport. The tooltip shows the percentage delay w.r.t total delay at all airports, when you hover over it.

The questions that can be asked from this chart are:

Which airport had the maximum delayed flights? Ans = ORD
What percentage of flights were delayed at the airport DFW? Ans = 9.8%
How many airports have a delay percent of 3% or above? Also, what are those airports? Ans = 4, ORD, DFW, DEN, LGA

MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each airline

This interactive pie chart visualizes the percentage of flights delayed by departure for each airline, with color saturation indicating the proportion of delays each carrier contributes to the total. Hovering over a slice reveals the exact percentage of total delays via a tooltip. The visualization uses D3 v5, loading CSV data from a Flight Delay Analysis Dataset on GitHub. The chart is rendered with SVG paths using d3.pie and d3.arc, while an ordinal color scale maps airlines to a blue palette. The code also uses d3.select and d3.event for interactive tooltip positioning.

JJosvin John

91% match

Loading thumbnail…

Interactive Pie Chart showing percentage of flights delayed by 15 mins w.r.t Arrival

This interactive donut chart visualizes the percentage of total arrival delay time attributed to flights delayed by more than 15 minutes versus less than 15 minutes, using orange and blue slices respectively. Hovering over a slice reveals its exact percentage share of total delay via a tooltip. Built with D3 v5, the visualization computes aggregated sums from a CSV dataset using `d3.nest` and `d3.sum`, then renders the pie with `d3.pie` and `d3.arc` as SVG paths. The color scale uses `d3.scaleOrdinal`, and tooltip positioning relies on mouse events.

JJosvin John

91% match

Loading thumbnail…

Interactive Pie Chart showing percentage of flights delayed by 15 mins w.r.t Departure

This interactive donut chart visualizes the percentage of flights delayed by more or less than 15 minutes relative to departure. The two segments, colored orange and blue, show that 23.9% of flights were delayed over 15 minutes while 76.1% were under. Hovering over a slice reveals the exact percentage of total delay via a custom tooltip. Built with D3 v5 and SVG, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute the arcs and colors, with data sourced from the Flight Delay Analysis Dataset on GitHub.

JJosvin John

90% match

Loading thumbnail…

Fork of Interactive Pie Chart showing percentage of flights delayed by 15 mins w.r.t Departure

This interactive donut chart visualizes the percentage of flights delayed by more or less than 15 minutes relative to their scheduled departure. Each slice represents a delay category, colored orange for delays exceeding 15 minutes and blue for shorter delays, with hover tooltips revealing each category’s share of total delay time. The visualization is built with D3.js v5, using `d3.pie` and `d3.arc` for the donut geometry, `d3.scaleOrdinal` for colors, and SVG rendering. Data comes from a flight delay analysis dataset, aggregated via `d3.nest` to sum departure delays by category.

GGauri Jare

90% match

Loading thumbnail…

Fork of Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each airline

This donut chart shows the percentage of flights delayed at departure for each airline, using color saturation to indicate the proportion of total delays per airline and tooltips to display exact percentages. It answers questions about which airline has the most delays and how many airlines fall within specific delay ranges. The visualization uses D3 v5 APIs such as `pie`, `arc`, and `scaleOrdinal` to render SVG slices with hover interactions. Data comes from a Flight Delay Analysis Dataset loaded via `d3.csv`.

Hharika-1929

89% match

Loading thumbnail…

Fork of Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each airline

Hharika-1929

89% match

Loading thumbnail…

Fork of Interactive Pie Chart showing percentage of flights delayed w.r.t Departure for each airline

Hharika-1929

89% match

Loading thumbnail…

Interactive Dashboard showing various charts

This interactive dashboard presents a multifaceted analysis of flight delays using several D3.js charts. It includes a horizontal bar chart showing the top 15 destination airports by flight frequency, a stacked bar chart detailing average delay times and reasons for various airlines, and four donut charts that display the percentage of flights delayed (more or less than 15 minutes) by arrival, departure, airline, and origin airport. Built with D3 v5, the visualizations render as SVGs and incorporate interactive tooltips for detailed data inspection, with data sourced from a Flight Delay Analysis dataset.

JJosvin John

84% match