Skip to main content
SimilarExport ZIP
100%

Airplane Crash Project 2

✓ Published0🌍 Public
Kkowshiksamudrala08@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024

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.

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 - 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
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
94% 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
93% 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
82% 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…

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

Car Accident Visualization

This interactive bar chart visualizes the frequency of collision details in car accidents, ranking causes from "Other Motor Vehicle" down to "In-Line Skater." Users can click buttons to add or remove bars, revealing progressively less common crash scenarios. Built with D3 v7 and React, the visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, with SVG rectangles and animations updating the chart dynamically. The data is hardcoded in JavaScript arrays, with axis labels and rotated tick text styled via CSS.

CChaoying Zheng
77% match