Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Viewing a saved revision (read-only)

1ea86fad376842c7ae5b76c51175544f

Circles on a Map

0 stars0🌍 Public
MMatthew Rubino
Last edited Jun 18, 2021
Created on Jun 15, 2021
Forked from Choropleth Map

This visualization displays a natural Earth projection map with circles sized by 2018 population estimates at country centroids, colored by income group. It uses d3.geoPath and d3.geoNaturalEarth1 for map rendering, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with schemeCategory10 for color encoding. Hovering highlights countries, while zoom interactions are handled via d3.zoom. Population data comes from a UN dataset merged with TopoJSON country boundaries, rendered as SVG with additional size and color legends.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.