100%

Worldwide Suicide Map Multi-views

✓ Published1🌍 Public

Last edited Oct 31, 2019

Created on Oct 30, 2019

Forked from Worldwide Suicide Map with Menu

This interactive visualization combines a world bubble map and a horizontal bar chart to explore global suicide rates from 1979 to 2016. Users select a year and country via dropdown menus, which highlights the chosen country on the map while the bar chart updates to show the top 15 countries with the highest suicide numbers for that year. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, with circles sized via `d3.scaleSqrt`. The bar chart is rendered with React and `d3.scaleBand`, both featuring tooltips for detailed data. The visualization sources suicide data from a CSV and country boundaries from the World Atlas TopoJSON.

AI-generated description

Description

A world bubble map showing suicide data provided by World Health Organization that has drop down menus used to change the year and countries that you are interested in. Together with it, an interactive bar chart shows top 15 suicide countries that year.

Interaction

Dropdown: choose the data you are interested in by Dropdown Menu.
Tooltips: show detailed information of the bubble or bar if mouse is on
Highlight: the country you choose is highlighted in map
Filter and Sort: Everytime change the Year menu, the bar chart will display top 15 suicide country that year

Data Source

Suicide data from Suicide Rates dataset.

Country boundary from World Atlas TopoJSON, polished for visual style, including graticules.

Country latitude and longitude from Dataset Publishing Language.

MIT Licensed

Similar vizzes

Loading thumbnail…

Worldwide Suicide Map Multi-views

This interactive visualization combines a world bubble map with a bar chart to explore global suicide statistics from 1979 to 2016. Users can select a year and country through dropdown menus, which updates the map to highlight the chosen nation while filtering the bar chart to show the top 15 countries by suicide count. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering landmasses, while bubble sizes correspond to suicide numbers via a square-root scale. The bar chart employs d3.scaleBand and d3.scaleLinear, with all elements rendered as SVG within a React framework using D3 v5.

XXinting Yao

97% match

Loading thumbnail…

Worldwide Suicide Map Multi-views

A multi-view visualization combines a world bubble map and a horizontal bar chart to explore WHO suicide data from 1979–2016. Dropdowns filter by year and highlight a selected country on the map, while the bar chart ranks the top 15 countries by suicide count for the chosen year. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the landmasses, with `d3.scaleSqrt` sizing circles by suicide count; the bar chart uses `d3.scaleBand` and `d3.scaleLinear`. Tooltips display exact values, and both views update dynamically via React state.

AApollox01

96% match

Loading thumbnail…

Worldwide Suicide Map with BarChart

This interactive visualization combines a world map with a bar chart to explore global suicide statistics from 1979 to 2016. A natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath displays circles sized by the square root scale of total deaths and missing persons per country. The map is paired with a histogram showing the top 15 countries by year, with user interaction filtering the map by selected date. The data is loaded via d3.csv from a GitHub Gist, while geographic boundaries come from the world-atlas TopoJSON dataset.

CChen Ding

95% match

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

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

92% match

Loading thumbnail…

Worldwide Suicide Map with Two Menu and Tooltips

This interactive world map visualizes global suicide rates from 1979 to 2016 using data from the World Health Organization. Two dropdown menus allow users to select a specific year and highlight a particular country, with circles sized by suicide count via d3.scaleSqrt and colored distinctly for the highlighted nation. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for the map projection and rendering, while React manages the interface state and d3-tip provides tooltips displaying country, year, and suicide number on hover.

CChen Ding

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

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

91% match