Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of HTML Starter

✓ Published0🌍 Public
NNita
Last edited Mar 2, 2025
Created on Mar 2, 2025

This interactive dashboard visualizes US airline accidents from 2010-2023, combining a geographic map, timeline, and bar chart. It presents accident locations on a US map using D3.js with TopoJSON for state boundaries, alongside a timeline showing accident frequency and severity over time, and a bar chart breaking down accidents by contributing factor. The visualization includes dropdown filters for year range, severity, and airline type, plus summary statistics, with interactive tooltips and hover effects on accident points. Data is sample data modeled after the NTSB Aviation Accident Database, rendered as SVG.

AI-generated description

US Airline Accidents Visualization

This project displays an interactive visualization of airline accidents in the United States from 2010-2023 using D3.js. The visualization includes geographic distribution, timeline analysis, and contributing factor breakdowns.

Features

  • Interactive map showing the locations of airline accidents across the US
  • Timeline visualization showing accident frequency and severity over time
  • Bar chart breaking down accidents by contributing factor
  • Filter options to explore data by year range, severity, and airline type
  • Key statistics summary
  • Responsive design that works across different screen sizes

Data Source

The visualization uses sample data modeled after information from the National Transportation Safety Board (NTSB) Aviation Accident Database. In a production environment, this would be replaced with actual data from the NTSB or similar aviation safety organizations.

Technologies Used

Getting Started

  1. Clone the repository
  2. Open index.html in your web browser, or set up a local server
  3. Interact with the visualizations to explore airline accident data

Insights from the Visualization

  • Geographic clusters of accidents in major air travel hubs
  • Timeline patterns showing seasonal trends in accident rates
  • Breakdown of contributing factors showing the primary causes of accidents
  • Differences between fatal and non-fatal accident distributions

Future Enhancements

  • Integration with live NTSB data API
  • Additional visualization types (aircraft type breakdown, airline comparison)
  • More detailed filtering options
  • Predictive analytics for accident risk factors
MIT Licensed

Similar vizzes

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
78% match
Loading thumbnail…

Airplane Crash Project 2

This visualization presents the distribution of aviation accidents using three charts: a line chart showing accidents over the years, a pie chart highlighting the top five accident locations, and a bar chart displaying the top five aircraft types. It loads data from a CSV file via d3.csv and uses d3.rollup to aggregate accidents by year, location, and aircraft type. The line and bar charts employ d3.scaleTime, d3.scaleBand, and d3.scaleLinear, while the pie chart uses d3.pie and d3.arc. Interactive tooltips appear on hover, and SVG elements render the charts with d3.axis for ticks.

Kkowshiksamudrala08@gmail.com
77% match
Loading thumbnail…

Airplane Crash Project - Aviation Accidents Over the Years

This visualization presents multiple perspectives on aviation accidents using historical crash data from 1908 to 2023. A line chart with circle markers displays accident counts per year, while a pie chart highlights the top five geographic locations and a bar chart shows the five most common aircraft types. Built with D3 v7, the example uses d3.rollup for data aggregation, d3.scaleTime and d3.scaleBand for positioning, and d3.pie with d3.arc for the pie slices. Interactive tooltips appear on hover for each chart type.

Kkowshiksamudrala08@gmail.com
76% match
Loading thumbnail…

FinalProject_Data_Visualization

This interactive visualization of airplane crashes since 1908 allows users to explore incidents by country and date range. It displays a clickable list of cities whose crashes meet the filter criteria, with selected city details showing each crash's date, number of crashes, and fatalities. Built with D3 v6, the code uses `d3.csv` to load data, `d3.select` for DOM manipulation, and `filterData`/`updateDetails` functions to handle filtering and detail rendering. The dataset comes from a GitHub-hosted CSV file containing airplane crash records with new features.

WWilliam Nsambu
75% match
Loading thumbnail…

Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents a global suicide statistics visualization, combining a world bubble map, a date histogram, a stacked bar chart, a scatter plot, and a color legend. The map plots suicide counts per country using `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by `d3.scaleSqrt`. The date histogram uses `d3.bin` and `d3.brushX` to aggregate and filter data over time. Tooltips via `Tippy.js` reveal country-specific metrics. The visualization is built with React, D3 v6, and SVG rendering.

Mmnalk
74% match
Loading thumbnail…

Accidents

This interactive bar chart visualizes the number of airplane accidents attributed to different operators, using data from a GitHub-hosted CSV file. The chart displays a user-selected number of operators (from 1 to 25) in either ascending or descending order of accident counts. Rendered as an SVG via d3.select and d3.append, the visualization uses d3.rollup to aggregate accident counts, d3.scaleBand and d3.scaleLinear for positioning, and d3.axisBottom and d3.axisLeft for axes. Interactive controls update the chart through event listeners on input and change events, redrawing bars dynamically.

DDouglas mochama
74% 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
74% match
Loading thumbnail…

Fork of HTML Starter

This interactive visualization depicts a chronological timeline of events from the June 2025 Gaza crisis, sourced from a CSV file of reported incidents. It combines an upper scrollable overview with a detailed lower timeline, using color-coded, clickable elements to explore event specifics like actors, descriptions, and impact. Built with D3.js v7, the visualization employs DOM manipulation and event handlers to assign lanes, manage tooltips, and synchronize selections between the two views, updating a details panel upon user interaction.

NNita
74% match