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

100%

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

✓ Published3🌍 Public

Last edited Oct 18, 2020

Created on Oct 14, 2020

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.

AI-generated description

The data shown here comes from Flight Delay Analysis Dataset

This chart meant to show the "Percentage of flights delayed by more than or less than 15 mins". The color denotes whether the delay is greater than 15 mins or less than 15 mins. The tooltip shows the percentage delay w.r.t total delay of all flights, when you hover over it.

The questions that can be asked from this chart are:

What percentage of flights w.r.t departure were delayed by more than 15 mins? Ans = 23.9%
What percentage of flights w.r.t departure were delayed by less than 15 mins? Ans = 76.1%

The chart for Arrivals is shown here: Percentage of flights delayed w.r.t Arrival.

MIT Licensed

Similar vizzes

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

97% 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

95% match

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

92% match

Loading thumbnail…

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

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`.

JJosvin John

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…

Copied Pie Chart with my Data

This pie chart displays the percentage of flight delays attributed to each airline, using color saturation to encode delay proportions. The tooltip reveals each airline’s delay percentage relative to the total delay of all flights. The visualization aggregates flight delay data from a Flight Delay Analysis Dataset, grouping delays by airline using `d3.nest()`. It renders SVG slices with `d3.pie()` and `d3.arc()`, applying a color scale via `d3.scaleOrdinal`, while custom hit-testing logic checks point-in-arc positions for interactivity.

PPeter Maida

84% match