Dashboard

100%

✓ Published0🌍 Public

Last edited Dec 1, 2017

Created on Nov 27, 2017

This dashboard presents a comprehensive visualization of flight statistics, displaying ten distinct charts that explore different dimensions of airline performance data. The layout includes a bar chart showing yearly flight totals, a pie chart illustrating the proportion of on-time versus cancelled flights, and grouped bar charts comparing flight cancellations by year and by cancellation code. Additional charts display monthly flight trends and distributions across days of the month and days of the week. The visualizations are built with D3.js v4 and rendered as SVG elements using the Dimple.js charting library, with each chart having its own container and consistent styling. The color scheme uses a custom palette with green, purple, blue, red, and gray tones, and the dashboard presents airline flight data in a multi-chart format for comprehensive analysis.

AI-generated description

Similar vizzes

Loading thumbnail…

Dashboard

This dashboard visualizes flight data using D3 v4 and Dimple, with ten SVG charts. It displays yearly flight totals as bars, the proportion of on-time versus cancelled flights as a pie chart, and cancelled flight counts by year and by cancellation code. Additional bar charts break down flight volume by month, day of month, and day of week. The data is loaded from JSON files and rendered with dimple.js, with custom red series styling for highlighted circles.

Aaguijarro

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

83% match

Loading thumbnail…

Fork of Interactive Dashboard showing various charts

This interactive dashboard visualizes flight delay data from a GitHub-hosted CSV, combining six charts into a single view. It shows the top 15 destination airports by flight count, a stacked bar chart of average departure delay times per airline colored by cancellation reason, and four donut charts breaking down departure and arrival delays by airline and airport. The donut charts use `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, with tooltips displaying percentage values. The bar charts rely on `d3.scaleBand` and `d3.scaleLinear`, while all visuals are rendered as SVG with D3 v5.

AAamir Hameed mir

82% match

Loading thumbnail…

airtraffic dashboard

This dashboard presents twelve interactive views of air traffic data, including a year-by-month passenger heatmap with a `d3.scaleSequential` Turbo color scale, an airline performance bar chart with tooltips, and trend, CO₂, and correlation analyses. Each chart is toggled via buttons that control CSS `display`. The visualizations use D3 v7 to fetch a CSV from a GitHub gist and render SVGs with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleBand`/`d3.scaleLinear`, styled with a dark cyan-on-black theme.

Cchengalvasharanya@gmail.com

79% match

Loading thumbnail…

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

This interactive dashboard visualizes airline delay patterns through four coordinated D3.js v7 charts: small multiples comparing late aircraft versus national aviation system delays across months, a time series of delay types, a stacked bar chart showing delay proportions by carrier, and a bar chart of average delay minutes. It includes year and carrier filters that update all views simultaneously, alongside tooltips and interactive legends. The visualization uses D3 scales, axes, stacking, and line generators with animated transitions on CSV data loaded from GitHub.

NNita

77% match

Loading thumbnail…

Dashboard

This dashboard visualizes flight data for top U.S. airports using a choropleth map with proportional bubble markers. The map, rendered with D3 v3 and the Albers USA projection, shows airport locations as orange circles sized by total flight volume. When hovering over a bubble, it enlarges and a details panel displays the airport name, city, state, and IATA code, while a line chart showing yearly flight trends is generated using dimple. The visualization combines SVG map rendering with interactive hover animations, providing both geographic context and temporal detail for airport traffic patterns.

Aaguijarro

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…

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

75% match