Skip to main content
SimilarExport ZIP
100%

Survival rate

✓ Published1🌍 Public
DDouglas mochama
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Crash Distribution

This interactive scatter plot visualizes aircraft incidents, plotting the number of fatalities against the number of people aboard, with each point colored steelblue. A dropdown menu filters incidents by year, toggling point visibility, while a side panel computes and displays the average survival rate for the filtered selection. Built with D3.js, the visualization uses d3.csv for data loading, d3.scaleLinear for axes, and d3.select for DOM manipulation and event handling. Tooltips show exact values on mouseover, and the data comes from a GitHub-hosted CSV dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Survival rates in airplane crash

This interactive scatter plot visualizes survival rates in aircraft incidents, plotting the number of people aboard against fatalities for each incident. A dropdown menu filters the data by year, while hovering over a point reveals exact values via a tooltip. The visualization also displays the average survival rate in a separate panel. Using D3.js, the chart loads data from a Google Sheets CSV, computes survival rate as aboard-minus-fatalities divided by aboard, and renders SVG circles with scales and axes.

Rrishithagovini99@gmail.com
92% 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
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
72% match
Loading thumbnail…

DeathsBarchart

This bar chart visualizes monthly airplane fatalities from a CSV dataset, with each bar representing the total deaths for a given month. The chart uses D3.js v7’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` to map months to bar positions, heights, and a custom purple-grey color palette. Interactive tooltips appear on mouseover, displaying the total fatalities for the hovered month, while axes and labels are generated with `d3.axisBottom` and `d3.axisLeft`. Data is aggregated using `d3.rollup` and `d3.sum`.

Aanusharamana0@gmail.com
72% 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
71% match
Loading thumbnail…

scatter plot

This scatter plot displays the relationship between accident dates and the number of casualties, with time on the x-axis and casualty counts on the y-axis. The visualization uses D3.js v7 to render an SVG chart, employing `d3.scaleTime()` and `d3.scaleLinear()` for axis scaling, `d3.line()` to generate the path connecting data points, and `d3.axisBottom()` and `d3.axisLeft()` for labeled axes. Sample accident data is embedded directly in the script, with dates parsed using `d3.timeParse()` for proper time-based positioning.

JJames Cruz
71% match
Loading thumbnail…

SDA HW2-1

This example shows the survival outcomes of Titanic passengers as a pie chart, separating the data into two categories: those who survived and those who died. The chart uses D3 v6 to load a CSV dataset from a GitHub gist, then computes aggregate counts for each outcome. The visualization is rendered as SVG using D3’s `pie` and `arc` generators, with a categorical color scale assigning green to survivors and red to non-survivors. A custom HTML legend is built alongside the chart to label each slice with its corresponding count, and extra elements like the initial heading are removed for a clean presentation.

Vvits.18731a0539@gmail.com
71% match
Loading thumbnail…

Scatter Plot with Death Menu

This scatter plot visualizes death statistics across demographic categories, with blue and red circles representing male and female subjects respectively across years. The visualization uses React with d3.v5 scales to map Year on the x-axis and death counts on the y-axis, rendered as SVG elements. Interactive dropdown menus allow selection of sex, ethnicity, and age group filters, though only the age group filter currently functions. Data comes from a Gist CSV file containing firearm, suicide, and alcohol-related death counts.

PPeter Maida
71% match