Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Map.js!

Public visualization

Viewing a saved revision (read-only)

76edefb2fdf2472b9d5b95d023a2e91b

Interactive Map.js!

1 star1🌍 Public
Aargonaeut
Last edited Dec 1, 2020
Created on Nov 30, 2020
Forked from Map.js!

This interactive map displays global happiness and suicide mortality data, with each country colored blue and highlighted orange on hover. A tooltip reveals the country’s happiness rank, score, suicide mortality rate, and universal healthcare status when available, or states these as unknown otherwise. The visualization uses D3 v5 with `d3.geoMercator` and `d3.geoPath` to render SVG paths from TopoJSON world-atlas data, while `d3.zoom` enables panning and zooming. Happiness and suicide statistics come from a hosted JSON dataset, and hover text is implemented via SVG `<title>` elements.

AI-generated description