Skip to main content
SimilarExport ZIP
100%

Fork of Circles on a Map

✓ Published0🌍 Public
Ppplomith
Last edited Apr 6, 2021
Created on Mar 30, 2021
Forked from Circles on a Map

This visualization displays the population of each country in 2018 using green circles overlaid on a geographic map. The area of each circle is proportional to the country’s population, using a square-root scale. Users can pan and zoom the map, and hover over a country to see its name and population, or “Missing data” if unavailable. The map is rendered with SVG using D3 v5, leveraging `geoPath` and `geoNaturalEarth1` for the projection, with data from the UN and a world atlas TopoJSON.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Circles on a Map

This visualization displays global population by country using proportional circles overlaid on a natural Earth projection map. Circle area corresponds to each country’s 2018 population, with missing data marked in red. Users can pan and zoom via d3.zoom, while hovering reveals country names and population counts. Built with D3 v5, it uses d3.geoPath, d3.geoCentroid, and d3.scaleSqrt to position and size circles, sourced from a CSV of UN population data and TopoJSON world boundaries.

AAbdouEnsaj
94% match
Loading thumbnail…

Fork of Circles on a Map

This visualization displays world population by country using proportional circles on a natural Earth projection map. The area of each circle corresponds to the country’s 2018 population, with data sourced from a UN CSV and a 50m world atlas TopoJSON. The visualization supports pan and zoom interactions, and hovering over a country reveals its name and population. The code uses d3.geoPath for map rendering, d3.scaleSqrt for circle sizing, and custom sizeLegend and colorLegend components to create legends, with SVG as the rendering format.

Yyouness-cyber
93% match
Loading thumbnail…

Fork of Circles on a Map

This visualization displays world population by country using proportional circles on a natural Earth projection map. The area of each circle corresponds to the country’s 2018 population, with data sourced from a UN CSV and a 50m world atlas TopoJSON. The visualization supports pan and zoom interactions, and hovering over a country reveals its name and population. The code uses d3.geoPath for map rendering, d3.scaleSqrt for circle sizing, and custom sizeLegend and colorLegend components to create legends, with SVG as the rendering format.

Yyouness-cyber
93% match
Loading thumbnail…

Fork of Circles on a Map

This visualization uses proportional circles on a natural Earth projection map to show population by country for 2018, with circle area scaled via d3.scaleSqrt and hover tooltips revealing exact figures. It integrates d3.zoom for panning and zooming, d3.geoPath for rendering country boundaries from TopoJSON, and d3.geoCentroid to position circles at country centers. A color legend and size legend annotate the view, while data is loaded via d3.csv and d3.json. Missing population data renders countries in light red, and hover highlights countries in teal.

Aashan521
93% match
Loading thumbnail…

Fork of Circles on a Map

This map visualizes global population by country, with circle area proportional to 2018 population figures. Users can pan and zoom, and hovering over countries reveals detailed population data with a tooltip. The visualization uses D3 v5 with `d3.geoPath` and `geoNaturalEarth1` projection to render world boundaries from TopoJSON, while `d3.scaleSqrt` sizes the circles. Population data comes from a CSV file merged with the geometry. A size legend and color legend provide reference, and SVG rendering supports interactive zoom events.

DDonald Bagwell
93% match
Loading thumbnail…

Fork of Circles on a Map

This example visualizes population by country using circles overlaid on a world map, with the area of each circle proportional to the country's 2018 population. The map uses a natural Earth projection, and users can pan and zoom the view. Hovering over a country reveals a tooltip with the country name and population. A size legend and color legend help interpret the circles, and countries with missing data appear in a distinct color. The visualization uses D3 v5 and renders in SVG, with zoom and hover interactions for exploration.

EElena Momtcheva
93% match
Loading thumbnail…

Fork of Circles on a Map

This visualization shows global population by country, with the area of each circle proportional to that country's 2018 population. It uses a natural Earth projection with D3’s `geoPath` for the map. Pan and zoom via the `zoom` control, and hover reveals detailed population figures. Data is loaded from a CSV of UN population figures and a TopoJSON world atlas, processed with `topojson.feature`. Circles are drawn using SVG, with a size legend generated by `sizeLegend` and a color legend using `colorLegend`.

LLauranJade
93% match
Loading thumbnail…

Fork of Circles on a Map

This visualization shows global population for 2018 using circles on a natural Earth projection map, with circle area proportional to population and hover tooltips revealing country names and values. Users can pan and zoom the map. The code uses d3.geoNaturalEarth1, d3.geoPath, d3.geoCentroid, and d3.zoom, with population data from a CSV processed via d3.csv and country geometries from TopoJSON. A square-root size scale and a custom size legend with tick labels display the quantitative mapping.

Mmunpro2002
93% match