bundle.js
index.html
README.md
index.js
useWorldAtlas.js
styles.css
useData.js
Dropdown.js
DropdownAttr.js
BubbleMap/index.js
BubbleMap/Marks.js
Histogram/AxisBottom.js
Histogram/AxisLeft.js
Histogram/index.js
Histogram/Marks.js
Histogram/styles.css
new fileforkset heightexportdelete
Worldwide Suicide Map Multi-views
chen-ding-71

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.

All code in VizHub is released under the MIT License.