airtraffic dashboard

100%

airtraffic dashboard

✓ Published0🌍 Public

Last edited Nov 21, 2025

Created on Nov 21, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

77% 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…

Untitled

This visualization displays air traffic passenger statistics for San Francisco Airport from 2005 to 2019, using multi-series line charts to compare passenger volumes across airlines like Alaska and American. The code uses D3 v4 to create SVG-based line charts with scaling axes and path generation. Data is embedded directly in the script as JavaScript arrays. The visualization is styled with Bulma CSS for the header and navigation, with Font Awesome icons, and initializes the chart in a div element with the ID “chart.”

Pphemmati

76% match

Loading thumbnail…

Areachart

This area chart visualizes US Airline Traffic data, showing trends over time with a steel-blue line and labeled axes. Built with D3.js v7, the chart uses an SVG container with a light gray background and rounded border. The script renders the line and data points, applying CSS classes for styling, while the README references the VizHub US Airline Traffic dataset. The chart is presented without interactive features.

Ssirichandana017@gmail.com

75% match

Loading thumbnail…

Untitled

This interactive line chart visualizes monthly airline traffic between India and international destinations, comparing passenger numbers and freight volumes for selectable airlines. Two buttons switch the dataset between passenger and freight metrics, while a dropdown menu filters by airline name. The visualization uses D3.js v4 to load CSV data, render SVG paths for each metric (blue for inbound, red for outbound), and animate transitions when changing airlines. The data, sourced from a GitHub-hosted CSV file, is drawn using linear scales and d3.line path generators.

Jjs164

75% match

Loading thumbnail…

Project

This interactive dashboard visualizes Taiwanese outbound traveler flows by country and month, using animated bar charts to show passenger volumes for specific airports or seaports. Users filter by year, transport mode (airplane or ship), and individual countries across continents, with a month slider and sorting options for distance or quantity. Built with React and D3.js, the project renders SVG bar charts that update dynamically, pulling data from a CSV file containing annual and monthly travel statistics for destinations across Asia, the Americas, Europe, and Oceania. The interface also provides a slider to scrub through months and a dropdown to sort results, enabling comparative analysis of travel patterns over time.

TTimmyLu

74% match

Loading thumbnail…

Untitled

This interactive line chart shows monthly passenger traffic to India for individual airlines, with a dropdown menu to switch between carriers. Each line traces the number of passengers across the 12 months, colored via a categorical scale. The visualization uses d3.v4 with an SVG path updated through a transition on the `d` attribute when the selection changes. Data is loaded from a remote CSV, and axes are generated with `d3.axisBottom` and `d3.axisLeft`. The color scheme comes from `d3-scale-chromatic`.

Jjs164

74% match