Skip to main content
SimilarExport ZIP
100%

Annual Deaths Causes in USA

✓ Published1🌍 Public
CChooo4u
Last edited Jan 30, 2019
Created on Oct 7, 2018

An interactive scatter plot displays annual death counts from numerous causes in the USA, with users selecting any two columns from the dataset to compare via dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render animated SVG circles that transition into position. Data is loaded from a CSV file hosted on VizHub and includes causes such as Dementia, Cardiovascular diseases, and Suicide. The code employs a reusable `scatterPlot` module and a custom `dropdownMenu` component to handle user interactions.

AI-generated description

Chuchen Dai - forked from Cars Scatter Plot by Curran Kelleher.

This scatter plot shows data about annual deaths from different reasons in USA.

This data comes from Our World in Data: Causes of Death.

MIT Licensed

Similar vizzes

Loading thumbnail…

Annual deaths causes in usa

This scatter plot displays annual deaths from various causes in the USA over time, with the y-axis showing total deaths for a selected cause and the x-axis representing years. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart as an SVG. A dropdown menu, built with a custom `dropdownMenu` function, is intended to switch between cause-specific datasets, though the selection logic is not implemented. The data is loaded from a CSV file and parsed into numeric death counts for each condition.

CChooo4u
94% match
Loading thumbnail…

Causes of Death

This interactive visualization explores mortality trends in the United States through a linked tree navigator and stacked area chart. The tree navigator organizes causes of death hierarchically, and selecting a node updates the stacked area chart to display the proportional composition of causes over time, with each layer colored distinctly. The visualization uses D3’s stack layout with an expand offset to show relative proportions, while the tree provides an intuitive way to drill into specific causes of death. Data is sourced from the Centers for Disease Control.

CCurran Kelleher
80% match
Loading thumbnail…

Deaths Scatter plot

A scatter plot displays annual deaths for ten countries using red, semi-transparent circles. The chart reads data from a CSV file, multiplies each death count by 1,000, and positions points using D3’s `scaleLinear` for the y-axis, while the x-axis uses `scalePoint` for country names. Axes are rendered with `axisLeft` and `axisBottom`. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset. D3 v7, SVG, and the `csv` and `select` APIs handle the visualization.

RRobindj2000
78% match
Loading thumbnail…

COVID-19 Deaths in US Interactive

A COVID-19 deaths scatter plot for the United States renders the NY Times rolling-averages dataset as an interactive SVG visualization. The chart, built with React and D3 v6, uses d3.scaleTime and d3.scaleLinear to map dates against the seven-day average death count. It displays axes via d3.axisLeft and d3.axisBottom, with labeled annotations for the country title, y-axis, and vaccination threshold. The reusable chart pattern from "Towards Reusable Charts" is implemented through configurable accessor functions, while the data loads asynchronously from a CSV URL and updates circle elements via selection.join.

DDasbach.EJ
77% match
Loading thumbnail…

Cause of Death

This visualization presents stroke-related mortality across U.S. states from 1999 to 2017, combining a bar chart of 2017 death counts with a dot plot showing age-adjusted death rates over time. The p5.js sketch loads data from a CSV file via a GitHub gist, assigns random colors to each state, and renders multiple coordinated views on a single canvas. It uses p5.js functions like `loadTable`, `map`, and `rect` to draw the graphics, with a dotted notebook aesthetic and interactive link to Vizhub.

SSanjana Rattan
76% match
Loading thumbnail…

ICE-6 Impact of Cancer Deaths 2019

This interactive visualization displays cancer mortality trends in the United States from 1990 to 2019, plotting individual yearly death counts for fifteen distinct cancer types as colored dots. The scatterplot uses SVG circles rendered through React and D3, with each cancer type assigned a unique color and an interactive tooltip revealing exact death numbers on hover. Built with D3 scales (`scaleTime`, `scaleLinear`), axes (`axisLeft`, `axisBottom`), and event handlers, the chart reads from a CSV dataset filtered for USA records, making temporal patterns across cancer categories immediately comparable.

AAsrar Al Qassem
76% match
Loading thumbnail…

Scatter Plot with X Y Menus

This interactive scatter plot displays U.S. mortality statistics, letting users choose which demographic attributes or death types to plot on the x- and y-axes via ReactDropdown menus. The code uses the d3.csv loader, d3.scaleLinear, and d3.extent to parse and scale data from a Gist, then renders SVG circles and axes using React components such as AxisBottom, AxisLeft, and Marks. Only points matching a hard-coded "Total" age group are visible, with all other circles rendered at zero radius.

PPeter Maida
75% match
Loading thumbnail…

Line Graph of Deaths

This visualization uses three natural curves to show annual counts of suicide, alcohol-related, and firearm deaths in the United States. The data is loaded via `d3.csv` from a GitHub Gist, and the React app uses `d3.scaleLinear`, `d3.line`, and `d3.curveNatural` to render SVG paths for each death type. Interactive dropdown menus for sex, ethnicity, age group, and y-axis death metric are present, though the README notes the filter logic is incomplete, so the displayed lines currently aggregate all demographics. A color legend for sex is also included but does not affect the rendered marks.

PPeter Maida
75% match