Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars0๐ŸŒ Public
TTomoyukiEguchi
Last edited Jan 17, 2021
Created on Jan 14, 2021

This example shows a global map of COVID-19 case totals, with country names and cumulative case counts displayed as tooltips on hover. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render sphere and country boundaries from TopoJSON data. Country data merges World Atlas TSV metadata with WHO CSV case numbers using lodash. Hovering highlights countries in red through CSS `:hover` rules. The implementation relies on D3 v5 selections, Promises, and TopoJSON's `feature` method, with a `title` element appended to each country path for tooltips.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed