Percentage of deaths by suicide in some countries over the years

100%

Percentage of deaths by suicide in some countries over the years

✓ Published1🌍 Public

Last edited Sep 21, 2020

Created on Sep 15, 2020

Forked from Unemployment in all the world over the years

This visualization displays the percentage of deaths by suicide for selected countries (Japan, South Korea, and Greenland) from the year 2000 onward, using a multi-line chart where each line represents a country’s trend over time. The chart filters data to post-2000 records and encodes the year as an ordinal axis, the death percentage as a quantitative axis, and the country as a categorical color. Built with the Vega-Lite API, it registers custom configuration for axis styling and fetches the dataset from a remote CSV via `d3.csv`. The visualization renders as an SVG, with tooltips provided by the Vega Tooltip handler.

AI-generated description

This visualization was constructed using the vega-lite-api.

The idea behind this visualization was to show the percentage of deaths by suicide in some countries over the years.

The data used in this visualization can be found on Gist here: Suicide Rate Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

tasa de paro

This chart displays suicide death rates per year for Japan, South Korea, and Greenland, filtering data to years after 2000. It uses the vega-lite-api to build a line mark, with the x-axis encoding the year, the y-axis encoding the death rate, and color distinguishing countries. The visualization loads data from a Gist-hosted CSV using d3.csv, and it configures axes and tooltips through vega-tooltip for improved readability.

MMaría Casasola

84% match

Loading thumbnail…

S ucide For Selected Country

This interactive visualization displays suicide rates by year for a user-selected country, using data from a CSV file covering 1979 to 2016. A dropdown menu triggers an update of the line chart, which uses d3.scaleLinear, d3.scaleOrdinal, d3.line, and d3.curveBasis for rendering the smoothed lines. The SVG includes axes with d3.axisBottom and d3.axisLeft, a color legend for the selected country, and a title, all rendered using d3.select and d3.append. The visualization uses React for dropdown interaction and d3.v5 for the core charting logic.

PPakcheera Choppradit

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

Loading thumbnail…

Suicides rates in countries

The chart displays suicide rates over time for various countries, with a line chart connecting yearly data points. The visualization uses D3 v5 to load CSV data, parses year values, and scales the time and linear axes. It renders an SVG with a maroon line path, axis labels, and gridlines, with the data pulled from the source at vizhub.com/wishcsdev/datasets/suicides.csv.

Wwishcsdev

81% match

Loading thumbnail…

Suicide Statistics in 30 years

This visualization displays global suicide statistics over a 30-year period, using a grouped bar chart where each year’s total suicides are broken down by age category. The data comes from a CSV file loaded via `d3.csv`, and the chart is constructed using the vega-lite-api, which builds the specification programmatically. The visualization aggregates suicide counts with `vl.aggregate` and encodes year on the x-axis, suicide totals on the y-axis, and age groups as color-coded bars using the viridis scale. A custom config improves readability with adjusted font sizes and axis styling.

Mmtabaka

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

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

80% match

Loading thumbnail…

DataViz Project - Suicides Visualization

An interactive line chart visualizes suicide death rates in American countries over time, alongside related mental health and unemployment metrics. A country selector filters the dataset, and a color legend distinguishes unemployment from mental illness data. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `curveNatural` for path rendering, with data from a CSV hosted on GitHub Gist. The SVG output includes custom axes and a dropdown menu for country selection.

FFelipe Mejías

79% match