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.
AI-generated descriptionDescription
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.