Skip to main content
SimilarExport ZIP
100%

Accidents

✓ Published0🌍 Public
DDouglas mochama
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Simple Bar Chart

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.

AI-generated description

A bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

MIT Licensed

Similar vizzes

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
85% 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
82% 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
80% 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
80% 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
79% match
Loading thumbnail…

Analyzing crash data by operator

This interactive bar chart visualizes the number of crashes by operator, with the y-axis representing crash counts and the x-axis listing operators. Users can adjust a range slider to select how many operators to display and choose ascending or descending order via a dropdown menu. Built with D3.js v7, the visualization uses `d3.rollup` to aggregate crash counts from a Google Sheets CSV, `d3.scaleBand` and `d3.scaleLinear` for axes, and updates bars dynamically on interaction. Hovering highlights bars in orange.

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

Accident Data

This scatter plot visualizes accident data, encoding accident count on the x-axis and categorical severity (High, Medium, Low) on the y-axis using numeric mapping (3, 2, 1). The SVG rendering uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` to map severity levels to red, orange, and green fills. The chart loads data from a local `accidents.csv` file, with custom axis labels for severity and count.

Llikhithakarunakarreddym@gmail.com
75% match