Skip to main content
SimilarExport ZIP
100%

World Suicide Statistics

✓ Published0🌍 Public
Jjustprophet
Last edited Dec 16, 2018
Created on Dec 7, 2018

This visualization displays world suicide statistics on a map, shading countries with a red ordinal color scale based on categorized suicide rates. The map uses an equirectangular projection, rendered via d3.geoPath, with country shapes loaded from a TopoJSON world atlas (world-atlas 50m) and associated statistical data from a local CSV file. Hovering a country reveals its name and suicide categorization in a tooltip. A custom SVG color legend, built with d3.scaleOrdinal and a red scheme, shows the mapping of categories to colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Worldwide Suicide Map

This interactive world map visualizes suicide rates from the World Health Organization, with translucent red circles scaled by the most recent suicide number per country using a square-root scale. Users can select a specific year from 1979 to 2015 or view the latest data via a dropdown menu. The visualization uses React for state management and D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the map. Country boundaries come from World Atlas TopoJSON, while suicide data and coordinates are loaded from CSV sources using `d3.csv`.

CChen Ding
88% match
Loading thumbnail…

Worldwide Suicide Map with Menu

This interactive world map visualizes global suicide statistics from the World Health Organization, with a dropdown menu allowing users to select a specific year from 1979 to 2015 or view the most recent available data. Countries are represented by red circles scaled proportionally to suicide counts using d3.scaleSqrt, positioned via d3.geoNaturalEarth1 and rendered with d3.geoPath. The map displays land masses, graticules, and country borders from World Atlas TopoJSON data. Built with React and D3 v5, the visualization includes all geographic features in SVG format, with suicide rates parsed from CSV data.

Ssophburke
87% match
Loading thumbnail…

Worldwide Suicide Map with Two Menu and Tooltips

This interactive world map visualizes suicide data from the World Health Organization, plotting circles at each country's coordinates. Users can select a specific year or view the most recent available data through dropdown menus, and a second menu highlights a chosen country in red. The visualization uses d3.geoPath with a d3.geoNaturalEarth1 projection to render land masses and graticules, while d3.scaleSqrt scales circle radii. Tooltips display the country name, year, and suicide count. The React application loads CSV suicide statistics and TopoJSON world atlas boundaries.

Ss-janibekova
87% match
Loading thumbnail…

Worldwide Suicide Map with Menu

This interactive world map visualizes suicide rates by country using World Health Organization data from 1979 to 2016. A dropdown menu lets users select a specific year or view the most recent available numbers, with each country represented as an SVG circle sized by its suicide count. The visualization uses React for state management and UI controls, while d3.geoNaturalEarth1 and d3.geoPath render the geographic features from World Atlas TopoJSON data. Country positions are plotted using latitude and longitude coordinates, with d3.scaleSqrt scaling circle radii proportionally to the displayed values.

CChen Ding
86% match
Loading thumbnail…

Worldwide Suicide Map with Menu

An interactive world map displays suicide counts by country, with a dropdown menu to switch between years from 1979 to 2015 or the most recent available figure. Circles sized by a square-root scale encode the suicide numbers, overlaid on a natural Earth projection rendered with d3.geoPath. The visualization uses React for state management, D3 for data loading and scales, and SVG for rendering, with country boundaries from World Atlas TopoJSON and suicide data from a WHO-based CSV dataset.

Ssophburke
85% match
Loading thumbnail…

Worldwide Suicide Map with Two Menu and Tooltips

An interactive world map visualizes suicide counts by country, highlighting the selected nation in red while others appear orange. Two dropdown menus allow users to filter by year or highlight a specific country, with tooltips revealing exact values. Built with React and D3 v5, it uses d3.geoNaturalEarth1 and geoPath for map rendering, plus a sqrt scale for circle sizing. Data comes from WHO suicide statistics, with country boundaries from World Atlas TopoJSON.

CChen Ding
85% match
Loading thumbnail…

Worldwide Suicide Map with Menu

A worldwide map displays suicide rates with circles sized by the number of suicides for a selected year, using a drop-down menu to choose between different years or all available data. The visualization renders a natural Earth projection with graticules and country borders using d3.geoPath, while circle radii are determined by a d3.scaleSqrt. Suicide statistics come from a CSV dataset, and country boundaries use TopoJSON from the World Atlas. The interface is built with React components, with dropdown options managed through React state.

Ssophburke
85% match
Loading thumbnail…

Suicide Rates 11/17/2021

This interactive visualization maps global suicide rates using a bubble map, where circle size encodes the number of suicides per country and color distinguishes categories. A linked time-series histogram below allows brushing to filter the map by year. The project uses React, D3 v5 (including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`), and Tippy.js tooltips. Data comes from a CSV of suicide rates merged with city coordinates, rendered as SVG over a world atlas TopoJSON.

Mmnalk
84% match