DeathHistAggregation

100%

DeathHistAggregation

✓ Published0🌍 Public

Last edited Feb 22, 2021

Created on Feb 22, 2021

This interactive scatter plot visualizes the age at death against the time of death using data from the Data Canvas Sense Your City dataset. The visualization clearly shows how mortality rates fluctuate over time, with each circle representing an individual death event. Built with React and D3 v5, the code uses `scaleTime` and `scaleLinear` functions for axis scaling and SVG rendering for the visual output. The implementation includes custom axis components and tooltips that display time information when hovering over individual data points.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Working with Time

This scatter plot visualizes age at death over time using the Data Canvas Sense Your City dataset. The visualization uses React with D3 v5 scale functions to map death dates on the x-axis and average age at death on the y-axis, rendering SVG circles with tooltips. The code implements custom React components for axes and marks, loading data through d3.csv from a GitHub-hosted CSV file.

AAnnie Ulichney

87% match

Loading thumbnail…

Scatter Plot with Interactive Color Legend

This scatter plot visualizes death statistics by year, with each point representing a demographic group’s death count. The color legend encodes sex, and hovering over a legend item fades non-matching points while highlighting the selected category. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG rendering. Data comes from a Gist CSV file, though sex, ethnicity, and age dropdowns remain non-functional.

PPeter Maida

80% 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

79% match

Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes death statistics by year and cause, with each point colored by sex using a red and blue ordinal scale. The React-based component uses D3 v5 scales for positioning axes and circles, rendering as SVG. A color legend on the right explains the sex encoding, while dropdown menus allow selecting different death metrics. The current implementation filters data by age group, though the README notes the sex, ethnicity, and age menus are not fully functional. Data is loaded from a CSV file via D3’s CSV parser.

PPeter Maida

78% 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

78% match

Loading thumbnail…

Working with Time

This interactive scatter plot visualizes the relationship between reported dates and the total number of dead and missing migrants, using the Data Canvas Sense Your City dataset. The visualization is built with React and D3.js, where D3’s `scaleTime` and `scaleLinear` map the temporal and numeric variables to SVG coordinates. Each data point is rendered as a circle, with hover tooltips displaying the full date. The chart includes labeled axes for time and casualty counts, with tick marks styled using D3’s `timeFormat`.

AAnkit5ingh

77% match

Loading thumbnail…

death_prop_over_time

An interactive stacked area chart visualizes the proportional breakdown of death causes across age groups for a selected gender, with data from 2005-2014. Users toggle between male and female views via buttons. Built with D3.js, the visualization uses `d3.layout.stack` and `d3.svg.area` to render the layers, supported by axis scales and a nested data structure from a TSV file.

BBenHeubl

77% match

Loading thumbnail…

Fork of Working with Time

This visualization uses a React-based D3 v5 implementation to display a scatter plot of the Data Canvas Sense Your City dataset. It aggregates the dataset’s “Total Dead and Missing” values over time, binning the reported dates into monthly intervals using D3’s histogram function with `timeMonths` thresholds. The resulting bar chart is rendered as SVG rectangles, with time on the x-axis and the binned death counts on the y-axis. The code explicitly defines axes with `scaleTime` and `scaleLinear`, and formats tick labels using `timeFormat`.

Ssteelerfan107

77% match