Skip to main content
SimilarExport ZIP
100%

Suicide Trend over Years and Gender in United States

✓ Published1🌍 Public
KKeerthiKandadai
Last edited May 9, 2020
Created on May 9, 2020

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.

AI-generated description

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:

Data Sources

Data: Suicide_in_USA_by_Sex.csv from Suicide Rates Overview

MIT Licensed

Similar vizzes

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
98% 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
97% 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
95% match
Loading thumbnail…

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.

KKeerthiKandadai
92% match
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
91% match
Loading thumbnail…

Suicide prevention bar chart

This bar chart displays the highest suicide counts per country from 1985 to 2016, using a horizontal bar layout where bar length encodes the number of suicides and country names label the y-axis. The visualization uses D3 v5 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG graphic. Data comes from a CSV file containing country, year, sex, age, and suicide counts, aggregated to show total suicides per country. The chart includes axis titles and a title text, with bars rendered in slateblue.

Mmnalk
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
81% match
Loading thumbnail…

Suicide Statistics in 30 years

A stacked bar chart displays global suicide counts aggregated by year and age group over 30 years. The visualization uses the vega-lite-api to create marks, with d3.csv loading the Suicide_Rates_Overview dataset. Age groups are color-encoded via the viridis scale, while tooltips reveal exact suicide numbers per year-age combination. The chart is rendered with Vega, Vega-Lite, and vega-tooltip, with custom styling from a config object improving readability against a dark theme.

JJane Wang
81% match