Airline_delay_count

100%

Airline_delay_count

✓ Published0🌍 Public

Last edited Sep 16, 2019

Created on Sep 10, 2019

This visualization shows the number of flight delays for each airline using a bar chart, sorted in descending order. It plots the COUNT of records per airline on the vertical axis, with airlines on the horizontal axis, colored orange. The code loads flight delay data from a CSV file via `d3.csv` and uses `vega-lite-api` to create the chart, with `vl.markBar`, `vl.x().fieldN('AIRLINE')`, and `vl.y().fieldN('AIRLINE').count()`. Custom styling is applied through a Vega-Lite config file, and the view is rendered to canvas with `vega-tooltip` for interactivity.

AI-generated description

This visualization shows the flight delay dataset. It uses a barchart to show the number of delay times of each flight company.

MIT Licensed

Similar vizzes

Loading thumbnail…

Title

This interactive visualization explores 2020 airline delay data for four U.S. carriers (AA, AS, B6, DL) across twelve months. It presents three coordinated scenes: a multi-line chart of monthly flight counts, a multi-line chart of delay percentages, and a bar chart of delay causes. Users can toggle between airlines via buttons and select specific months using a dropdown menu. The SVG-based charts are built with D3 v5, using `d3.csv`, `d3.scaleOrdinal`, `d3.line`, and tooltip interactions via mouse events. Data is sourced from three separate CSV files covering flight volumes, delay rates, and delay cause breakdowns.

Yyimingg7

78% match

Loading thumbnail…

Bar Chart for USA Flights Delay _ vega-lite-api

The bar chart visualizes average departure delays for USA flights by month, using a dark-themed, minimal design with tooltips for exact delay values. It is built with the vega-lite-api, which registers Vega, Vega-Lite, and a tooltip handler to render an interactive SVG chart. Data is pre-processed into a CSV file and loaded asynchronously via d3.csv, then bound to the chart’s x-axis for months and y-axis for delay minutes. The chart automatically fits the window size and applies custom axis and label styling from a separate config module.

XXinting Yao

76% match

Loading thumbnail…

bar chart

A grouped bar chart visualizes airline delay totals across six airports for each month of the year, with each airport’s monthly value rendered as a distinct bar. The chart uses D3 v7’s `d3.scaleBand` for the month categories on the x-axis and `d3.scaleLinear` for the delay magnitude on the y-axis, both fed by an external CSV file. SVG `rect` elements represent the bars, while `d3.axisBottom` and `d3.axisLeft` generate the corresponding axes. The data originates from the `airline.csv` file, containing airport, month, and total delay values.

AArbie Hsu

76% match

Loading thumbnail…

Flight Data D3 Demo

This visualization displays airline delay data from 2015, using a bar chart to show the delay time for each carrier. The chart is broken down by carrier name on the y-axis and delay time on the x-axis, with bars colored by the type of delay. The code uses the Dimple library to create the chart and its API for the legend, while D3.js is used for data loading and nesting. The interactive legend allows users to click to show or hide specific delay types, triggering an animated redraw of the chart.

JJasonCabral

76% match

Loading thumbnail…

Untitled

A multi-line chart displays the monthly average arrival delay for 19 airlines, with a dropdown menu to select a specific airline and a hover interaction that reveals the airline's delay rank and average delay time. The visualization uses D3 v7 to render an SVG, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` with `transition` to animate path updates. Data is loaded from a CSV file via `d3.csv`.

WWenxi Zhang

75% match

Loading thumbnail…

Flight Data D3 Demo

The visualization shows daily delay times for major U.S. airlines in January 2015, aggregated by carrier and broken down by delay type. It uses a horizontal bar chart, with the x-axis representing delay time in minutes and the y-axis listing carrier names. The code loads the CSV data with `d3.csv`, nests and sums entries by carrier using `d3.nest`, and renders the plot with the dimple.js library’s `dimple.chart` and `dimple.plot.bar`. An interactive legend, built manually with `dimple.filterData`, toggles visibility of the delay categories on click.

JJasonCabral

74% match

Loading thumbnail…

Average Delay Time and Delay Reason for various carriers with interactive color legend

This bar chart displays the average departure delay time for various airline carriers, segmented by the specific delay reason. The color of each bar segment encodes the reason for the delay, with an interactive color legend allowing users to filter the carriers and reasons displayed. Hovering over a bar segment reveals a tooltip showing the exact delay reason and average delay time. The visualization is built using the Vega-Lite API with D3.js, aggregated from flight delay data supplied as a CSV file, and uses a multi-selection interaction to control bar opacity.

JJosvin John

74% match

Loading thumbnail…

Average Delay Time and Delay Reason for various carriers

This visualization displays average departure delay times for various airline carriers, broken down by delay reason categories. Each carrier is represented as a grouped bar, with bar segments colored according to the type of delay, and a tooltip revealing the specific delay reason and average delay minutes on hover. Built with D3 v5 and rendered as SVG, the chart uses `d3.nest()` and `d3.mean()` to aggregate flight data from a GitHub-hosted CSV, with `scaleBand` and `scaleLinear` positioning the bars and an ordinal color scale mapping delay reasons.

JJosvin John

73% match