Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ce15e97bae9a4e548dc874e92bf418af

Open

Circles on a Map

0 stars0🌍 Public
MMounikaBeerelly
Last edited Jun 11, 2020
Created on Jun 11, 2020
Forked from Choropleth Map

A world map visualizes population by country via teal circles, with circle area scaled to 2018 population data. Pan and zoom are enabled through the `d3.zoom` behavior. Hovering a country reveals details, while a custom size legend displays the population scale. The visualization uses the `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering country borders, and `d3.scaleSqrt` for circle sizing. Data merges UN CSV statistics with world atlas TopoJSON, rendered as SVG with CSS styling for hover effects.

AI-generated description

Visualizing population by country using circles on a map! The area of each circle corresponds to the population of the country it represents. You can also pan & zoom, and hover over each country for more information.