Skip to main content
SimilarExport ZIP
100%

Airplane Crash Project - Aviation Accidents Over the Years

✓ Published2🌍 Public
Kkowshiksamudrala08@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Airplane Crash Project 3 - Aviation Accidents For the top 5 Aircraft Types

This visualization presents a multi-chart analysis of aviation accidents, featuring a bar chart of the top 5 aircraft types, a line chart of accidents over time, and a pie chart of the top 5 locations. The code uses D3 v7 APIs such as `d3.rollup`, `d3.scaleBand`, `d3.scaleTime`, and `d3.pie` to process and render the data from a CSV file. Interactive tooltips appear on hover, and the charts employ SVG rendering with color-coded legends.

Kkowshiksamudrala08@gmail.com
92% match
Loading thumbnail…

Airplane Crash Project 2 - Top 5 Geographical Distribution of Aviation Accidents

This example presents three complementary charts analyzing aviation accidents from a historical dataset. A line chart displays the total number of accidents per year, a pie chart highlights the top five geographical locations by accident count, and a bar chart ranks the top five aircraft types. All charts use D3 v7 with SVG rendering and include interactive tooltips on hover. The visualizations are generated from a CSV file hosted on GitHub, with data aggregated using `d3.rollup`, scales created with `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleBand`, and the pie chart built using `d3.pie` and `d3.arc`.

Kkowshiksamudrala08@gmail.com
91% 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
80% 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
79% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

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.

NNita
76% match
Loading thumbnail…

Airplane Crashes and Fatalities Since 1908

This example displays the raw contents of an airplane crashes and fatalities dataset, loaded from a CSV file and rendered as a JSON-formatted text preview. The visualization initially fetches the data using the Fetch API, parses it with `d3.csvParse`, and converts numeric fields to numbers. The `viz` function manages the loading state, showing a "LOADING" placeholder until the data arrives, then updates the display via a `setState` callback. The interface uses D3 v7 for DOM selection and rendering, presenting the parsed records in a simple `<pre>` element.

Sstchiang
75% match
Loading thumbnail…

Crash Distribution

This bar chart visualizes the distribution of airplane crashes by operator, allowing users to adjust the number of operators displayed via a slider. The chart is rendered as an SVG using D3.js (v7), aggregating the data with `d3.rollup` and sorting operators by crash count in descending order. Bars are drawn with `d3.scaleBand` and `d3.scaleLinear`, with axes labeled and rotated for readability. Interactivity is handled through an `input` event listener on the range slider, which dynamically updates the chart without reloading the dataset from the provided CSV source.

DDouglas mochama
75% match