Skip to main content
SimilarExport ZIP
100%

Distribution of ROD due to Cerebrovascular Diseases in the USA from 1999-2017

✓ Published0🌍 Public
SSanjana Rattan
Last edited Feb 11, 2025
Created on Feb 11, 2025

This interactive visualization explores the distribution of age-adjusted death rates due to cerebrovascular diseases (stroke) across US states from 1999 to 2017. It displays a histogram with adjustable bins via a slider, alongside a scatter plot and a bar chart, all built with the p5.js library. The data is loaded from a CSV file hosted on GitHub Gist. State abbreviations are used to reduce label overlap, and each state is assigned a distinct random color for visual differentiation.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Distribution of ROD due to Cerebrovascular Diseases in the USA from 1999-2017

This interactive visualization displays the distribution of age-adjusted death rates due to cerebrovascular diseases (stroke) across U.S. states from 1999 to 2017, using a p5.js sketch. It includes a histogram that depicts the frequency of death rates for a selected year, controlled by a slider, alongside a scatter plot showing each state’s rate over time. The code loads data from a CSV via `loadTable`, filters it to exclude national and D.C. entries, and uses p5.js’s `min`, `max`, and color functions to compute bins and assign random state colors for visual distinction.

SSanjana Rattan
98% match
Loading thumbnail…

Distribution of ROD of Cerebrovascular Diseases in the USA from 1999 - 2017

A histogram displays the distribution of age-adjusted death rates from cerebrovascular diseases (stroke) across U.S. states for a selected year, using an interactive slider to filter from 1999 to 2017. The visualization highlights state-specific data points along with a bar chart of rate frequencies, where each state is assigned a random color. Built with p5.js, the sketch loads data from a CSV file via `loadTable` and uses custom binning logic to compute histogram counts and scales. The view includes a title, subtitle, and axes, with the bar width dynamically calculated based on the number of bins.

SSanjana Rattan
96% 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
84% match
Loading thumbnail…

Scientific Data Visualisation

A pie chart displays the top 10 U.S. states by heart stroke deaths in 2022, with each slice labeled with the death count in thousands and a corresponding color-coded legend listing state names and values. The visualization uses D3.js v5, fetching CSV data from a GitHub gist via `d3.csv` and rendering with SVG. It applies `d3.pie` for data segmentation, `d3.arc` to generate slice paths, and `scaleOrdinal` for color mapping. Text labels and legend elements are positioned manually using D3 selections and transforms.

SSravyaAnnadi
74% match
Loading thumbnail…

Annual Deaths Causes in USA

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.

CChooo4u
69% match
Loading thumbnail…

Age Distribution Chart

The chart displays the age distribution of deaths across various causes of illness, with each cause represented as a stacked bar segmented by age group. Users can toggle between raw death counts and normalized percentages using radio buttons. The visualization is built with D3.js, using ordinal and linear scales, stacked layout, and SVG axes. It animates transitions between the two modes with a 250-millisecond duration, and includes interactive hover effects that reduce rectangle opacity. Data is loaded from a CSV file containing cause-specific mortality counts by age bracket.

Pp189
68% match
Loading thumbnail…

Area Death's

This area chart displays the average life expectancy for deaths by stroke across a series of years. The visualization uses D3 v5's `scaleTime`, `scaleLinear`, `area`, and `curveBasis` APIs to generate a smooth filled path, with axes created via `axisLeft` and `axisBottom`. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes and a title, with the fill and text colors defined in a separate CSS file.

GGogineni44
68% match
Loading thumbnail…

A6 Sequential Color Barchart

This example visualizes total cancer deaths by U.S. state using a sequential color barchart. The bars encode the death count by height while their color reflects the death rate per 100,000 people, ranging from light to dark red. Hovering over a bar reveals precise values via a native title tooltip. The chart is built with D3 v7, using `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.scaleSequential` with `d3.interpolateReds` for color, and the `d3-legend` plugin to display the color threshold legend. Data comes from the CORGIS dataset, rendered as SVG.

NNoah C.
68% match