100%

US Suicide from 1979 to 2015

✓ Published0🌍 Public

Last edited Mar 30, 2020

Created on Mar 30, 2020

Forked from US Suicide from 1979 to 2015

This interactive visualization presents stacked bar charts of US suicide rates from 1979 to 2015, segmented by gender. Hovering over bars reveals tooltips with precise values, while hovering over the color legend highlights the selected gender group. Built with D3.js (version 3.5.5), the chart uses ordinal scales, d3.legend for the color key, and d3-tip for hover details. The data comes from the Suicide_in_USA_by_Sex.csv file, rendered as an SVG with animated transitions.

AI-generated description

Description

A stacked bar chart showing Suicide Trend over Years and Gender in United States.

Interactions:

Hover over the bars for tool tips.
Hover over the legend to highlight religions.

Derived from the following examples published on Curran's VizHub:

Stacked Bars

Data Sources

Data: Suicide_in_USA_by_Sex.csv from Suicide Rates Overview

MIT Licensed

Similar vizzes

Loading thumbnail…

US Suicide from 1979 to 2015

This animated stacked bar chart visualizes US suicide rates from 1979 to 2015, broken down by gender. The visualization uses D3.js (version 3.5.5) to render the bars in SVG, with a legend that highlights each gender category when hovered, and tooltips provided by d3-tip. The data comes from the Suicide_in_USA_by_Sex.csv file. The chart encodes year on the y-axis and suicide count on the x-axis, with the two gender layers stacked to show the proportional contribution of each.

CChen Ding

97% match

Loading thumbnail…

Suicide Trend over Years and Gender in United States

This stacked bar chart visualizes suicide trends across years in the United States, partitioned by gender. The visualization uses animation-capable SVG rendering through D3.js, with interactive tooltips on hover and a legend that highlights specific gender categories. Data comes from the Suicide_in_USA_by_Sex.csv dataset, processed using D3's layout stack and nested data grouping functions. The chart employs d3.scale, d3.svg.axis, and d3.legend APIs to construct the axes and color legend, with a custom d3-tip for hover information.

KKeerthiKandadai

92% match

Loading thumbnail…

Suicide Trend over Years and Gender in United States

This stacked bar chart visualizes suicide trends across years and gender in the United States, with each bar segmented by sex. Hovering over a bar reveals a tooltip with the exact value, while hovering over the legend highlights the corresponding gender’s segments. Built with D3.js, the visualization uses `d3.layout.stack` for stacking, `d3.scale.ordinal` for axes, and `d3-tip` for interactive tooltips. Data comes from the Suicide_in_USA_by_Sex.csv file, and the SVG rendering includes a semi-transparent overlay to dim non-highlighted bars.

CChen Ding

92% match

Loading thumbnail…

Suicide Trend over Years and Gender in United States

A stacked bar chart displays suicide trends across years in the United States, broken down by gender. Hovering over bars reveals tooltips with exact counts, while hovering over the legend highlights one gender’s bars in the foreground against a faded background. Built with D3 v3, it uses `d3.layout.stack`, ordinal scales, `d3.legend`, and `d3-tip`. Data comes from the Suicide_in_USA_by_Sex.csv dataset, rendered as an SVG with animation.

KKeerthiKandadai

92% match

Loading thumbnail…

Fork of Suicide Trend over Years and Gender in United States

This animated stacked bar chart visualizes suicide trends over time, with bars segmented by gender to show the distribution of suicide numbers across years in the United States. The visualization uses D3.js version 3.5.5 with the d3-legend and d3-tip libraries for interactive features, allowing users to hover over bars for detailed tooltips and filter the chart by clicking on gender categories in the legend. Data comes from the Suicide_in_USA_by_Sex.csv file, and the chart employs SVG rendering with smooth transitions between states.

TTracyWangYQ

90% match

Loading thumbnail…

Suicide Statistics in 30 years

This visualization displays aggregated suicide counts per year, segmented by age group across 30 years of US data. The bar chart uses x-position for year, y-position for the summed suicide counts, and color to distinguish age categories with the 'viridis' color scheme. It leverages the vega-lite-api library, registering vega and vega-lite for rendering, and includes a tooltip handler for interactivity. The data is loaded as TSV from a GitHub URL using d3's tsv parser, with the visualization configured to fit the window size and apply custom axis styling.

Jjayktee

82% match

Loading thumbnail…

Suicide Statistics in 30 years

This visualization uses a bar chart to show suicide statistics over 30 years, with bars colored by age group and heights representing the total suicide count per year. It is built with the Vega-Lite API and rendered via D3.js. The data is loaded from a CSV file containing country, year, sex, age, and suicide numbers, aggregated by year and age group. The chart uses a viridis color scheme and displays tooltips with suicide totals for each bar.

PPranayLanghe

82% match

Loading thumbnail…

Suicide Statistics in 30 years

This visualization displays total suicide numbers by age group for each year across 30 years, using grouped bars colored with the viridis scheme. The chart is built with Vega-Lite API, which wraps D3.js, and reads data from a CSV file loaded via d3.csv. A clickable tooltip, enabled through vega-tooltip, reveals exact suicide counts for each bar segment, while a custom config adjusts font sizes and colors for readability.

WW9183907

81% match