Skip to main content
SimilarExport ZIP
100%

Suicides rates in countries

✓ Published0🌍 Public
Wwishcsdev
Last edited Apr 3, 2019
Created on Apr 3, 2019

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.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart with Multiple Lines

This example shows suicide numbers across multiple countries over time, with each country represented by a colored line on a time-series chart. The visualization uses D3 v5 to load CSV data and render an SVG with scaled axes, grid lines, and a color legend. It employs D3's `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, along with `axisBottom`, `axisLeft`, and `nest` to group data by country. The lines are sorted by their final value, and the chart is rendered entirely with SVG elements.

Wwishcsdev
86% match
Loading thumbnail…

Line Chart with Multiple Lines

This example displays suicide numbers across countries over time, with each country’s yearly data shown as a separate colored line and a matching color legend on the right. Using d3.csv to load the dataset, d3.scaleTime and d3.scaleLinear map years and suicide counts, while d3.nest groups records by country and sorts them by the last value. The SVG rendering includes axes, gridlines, and a title, though the line paths are commented out, so only colored circles appear at data points.

Wwishcsdev
86% 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
85% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays suicide numbers across countries over time, with each line representing a country and color encoding the country identity. The data comes from the Data Canvas - Sense Your City dataset. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and `nest` to group data by country. Lines are drawn using the `line` generator with `curveBasis` smoothing, and a `colorLegend` displays the available country choices.

Wwishcsdev
84% 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
84% 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
84% match
Loading thumbnail…

Suicide Number By Country with Year Menu

This interactive bar chart displays the top 15 countries by suicide number for a selected year, with a dropdown menu offering choices from 1979 to 2015 or the most recent available data. The visualization uses React to manage the year selection state, D3 v5’s `scaleBand` and `scaleLinear` for positioning, and renders SVG rectangles with tooltips showing exact values. Data comes from a CSV file of suicide rates by country, loaded via `d3.csv` and sorted in descending order before display. Users can compare rankings across years to observe trends in national suicide statistics.

CChen Ding
83% 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
81% match