Skip to main content
SimilarExport ZIP
100%

FinalProject_Data_Visualization

✓ Published0🌍 Public
WWilliam Nsambu
Last edited Apr 23, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

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.

AI-generated description
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
79% 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
79% 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
79% 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
75% 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
75% 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
72% match
Loading thumbnail…

Boston Crashes Project

This interactive visualization explores nine years of Boston crash data from the city’s Vision Zero program, using a geographic map and a time-series line chart. The map plots individual crash locations as colored points by crash type, filtered via checkboxes, and is rendered with D3’s `d3.geoPath` and parsed GeoJSON. The line chart aggregates monthly crash counts, with colored seasonal bands and toggleable lines for each crash type, implemented using D3 scales, axes, and `d3.line`. Both views load data directly from CSV and GeoJSON files, ensuring scalable performance.

Ssjpeno@wpi.edu
71% match
Loading thumbnail…

CrashData

This interactive map visualizes the distribution of motor-vehicle collisions across New York City, with each crash represented as a point on a geographic grid. The code uses D3.js's `d3.geoPath` to render city boundaries and `d3.select` with a custom color scale to encode crash density by neighborhood. Data is loaded from a local CSV via `d3.csv`, and the rendering relies on the Canvas API for efficient point plotting. A brush interaction, implemented through `d3.brush`, allows users to filter collisions by time of day or day of week, dynamically updating the displayed points.

DDouglas mochama
71% match