Skip to main content
SimilarExport ZIP
100%

Circles on Map

✓ Published0🌍 Public
Aankita1mit
Last edited Mar 18, 2020
Created on Mar 17, 2020
Forked from Circles on Map

This visualization displays asylum seeker data on a world map using a natural Earth projection. Small black circles mark the approximate centroid of each country, with circle size not varying by value. The map is rendered with SVG paths and supports zoom and pan through d3.zoom. Data comes from a CSV file of asylum claims, loaded and joined with TopoJSON country boundaries using TopoJSON's feature method and d3.csv.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Circles on Map

This visualization displays circles on a world map, with each circle positioned at the centroid of its corresponding country. The circles are rendered on top of countries colored in orange, using a natural Earth projection. The code loads asylum data from a CSV file and country geometries from TopoJSON, and uses `d3.geoPath` and `d3.geoCentroid` to project and place the circles. Zooming is enabled through `d3.zoom` on an SVG canvas.

Aankita1mit
90% match
Loading thumbnail…

Circles on Map

This visualization displays circles on a world map, with each circle positioned at the centroid of its corresponding country. The circles are rendered on top of countries colored in orange, using a natural Earth projection. The code loads asylum data from a CSV file and country geometries from TopoJSON, and uses `d3.geoPath` and `d3.geoCentroid` to project and place the circles. Zooming is enabled through `d3.zoom` on an SVG canvas.

Aankita1mit
90% match
Loading thumbnail…

Circles on a Map

This visualization displays a world map with semitransparent circles overlaid on each country, sized proportionally to population data from 2018. The map renders using d3.geoNaturalEarth1 projection and d3.geoPath, while circle sizes are scaled with d3.scaleSqrt. Zooming is enabled via d3.zoom. The code includes color and size legends built with reusable functions, and loads data from a CSV and TopoJSON world atlas using d3.csv and topojson.feature.

NNeepaB
83% match
Loading thumbnail…

Circles on a Map

This visualization displays global population data for 2018 as circles on a natural Earth projection map. Countries without data are shown in one color, while those with data use a square-root size scale to encode population magnitude. The code uses d3.geoPath for map rendering, d3.geoCentroid for positioning, and d3.scaleSqrt for circle sizing. Data comes from a CSV file joined with TopoJSON world atlas features, with interactive zoom via the d3.zoom API.

TTaheniataallah
82% match
Loading thumbnail…

Circles on a Map

This visualization uses a natural Earth projection to display the population of each country as a circle, where the circle's area is proportional to the country's 2018 population. Users can pan and zoom the map, and hovering over a country reveals its name and population in a tooltip. The D3 code loads data from a UN CSV and a TopoJSON world atlas, computing circle sizes with `d3.scaleSqrt` and rendering the map using `d3.geoPath`. A size legend and a color legend for missing data are also included.

Ddtd-amiele
81% match
Loading thumbnail…

Circles on a Map

This map visualizes population by country using circles sized with a square-root scale, where the area of each circle is proportional to a country's population. Users can pan and zoom the map, and hovering over a country reveals its name and population, while countries with missing data are colored differently. The visualization is built with D3 v5 and uses the `geoNaturalEarth1` projection, `geoPath` for rendering country shapes, and `scaleSqrt` for the circle sizes. Data comes from a CSV file and a TopoJSON world atlas, processed using the `topojson` library.

AAnnisa Farida
81% match
Loading thumbnail…

Circles on a Map

This visualization displays global population data for 2018, using a natural Earth projection with circles sized by population at each country’s centroid. Countries with missing data appear in light red, while mapped regions are gray and populating circles use a teal fill. The map supports zooming via d3.zoom, and the code employs d3.geoPath for rendering country boundaries, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with a spectral scheme for the color legend. Data comes from a CSV file joined to TopoJSON world geometries, with both size and color legends implemented as reusable D3 modules.

Ffbudwill
81% match
Loading thumbnail…

Circles on a Map

This visualization displays global population data for 2018 as colored circles positioned on a natural Earth projection map. Countries are shaded with a spectral color scale, while circle size encodes population magnitude using a square-root scale. The code loads CSV and TopoJSON data with d3.csv and d3.json, then renders the map using d3.geoPath and d3.geoNaturalEarth1, with circles placed via d3.geoCentroid and scaled by d3.scaleSqrt.

Hhannahwilson2
81% match