Skip to main content
SimilarExport ZIP
100%

Worldwide Missionary Movement - Gerardo Alexander Tapia Mayhuire, Coordinator of GO Arequipa English Service. Visual Analytics Project to analyze the countries and population (Recomendation System, Computer Cience, UNSA)

✓ Published2🌍 Public
AAlexTapiaM
Last edited Mar 9, 2021
Created on Mar 7, 2021

This visualization displays a world map highlighting estimated population figures for each country, with hover interactions that reveal the country name and population in a formatted label. The map uses a natural Earth projection rendered as SVG paths, and supports zooming and panning through d3.zoom. Population data comes from the world-atlas TopoJSON and TSV files, which are loaded via Promise.all. Country polygons are generated with d3.geoPath, and tooltips are implemented using SVG title elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Worldwide Missionary Movement - Gerardo Alexander Tapia Mayhuire, Coordinator of GO Arequipa English Service. Visual Analytics Project to analyze the countries and population (Recomendation System, Computer Cience, UNSA)

This visualization displays worldwide populations and countries on an interactive map using a natural Earth projection. Hovering over a country reveals its name and estimated population in millions, sourced from world-atlas TSV data. The map is rendered using D3 v6's geoPath and geoNaturalEarth1 projections, with zoom functionality enabled via d3.zoom. TopoJSON features are loaded to create country boundaries, and the choropleth-like styling uses CSS hover effects to highlight selected regions.

AAlexTapiaM
96% match
Loading thumbnail…

MAP

This map visualizes global population estimates for each country using a choropleth color scale, where darker reds indicate higher population values. The geographic outlines are rendered as SVG paths generated from world-atlas TopoJSON data, projected with `d3.geoMercator`. Population figures come from a TSV dataset loaded via `d3.tsv`, and the fill color is computed with `d3.scaleLinear`. The visualization also includes interactive pan and zoom functionality through `d3.zoom`, and hover states change country colors to purple via CSS.

AAnissa Belkelfa
69% match
Loading thumbnail…

World Map

This interactive world map visualizes population data by country for 2018, using color and size to distinguish between regions with and without reported figures. The visualization employs a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with countries rendered as SVG paths. Population values are mapped to circle sizes using `d3.scaleSqrt`, and a size legend with tick marks displays the scale. Users can pan and zoom through `d3.zoom`, and hovering over a country reveals its population via a tooltip. Data comes from a CSV file joined to TopoJSON world atlas geometry.

Rrohit181099
68% match
Loading thumbnail…

Untitled

This visualization uses a natural Earth projection to display global population estimates for 2018, with countries colored to indicate data presence or absence. Circles sized by population are plotted at country centroids using a square-root scale, with a legend showing the population scale. The code leverages D3 modules including `geoPath`, `geoNaturalEarth1`, `geoCentroid`, `scaleSqrt`, and `zoom` for interactivity. Data comes from a UN population estimates CSV and a TopoJSON world atlas, processed via `topojson.feature`.

Ssureshreddypr
68% match
Loading thumbnail…

Map with circles

This visualization shows global population estimates for 2018 using a natural Earth projection, with circles sized proportionally to population overlaid on country boundaries. It renders in SVG with animation, combining a world map of countries from World Atlas topojson with UN population data. Using d3.geoNaturalEarth1, d3.geoPath, and d3.geoCentroid, it projects each country and draws scaled circles via d3.scaleSqrt, plus a size legend and zoom interaction via d3.zoom.

BB Sundaresan
68% match
Loading thumbnail…

map viz

This choropleth shows world population by country using a natural Earth projection. It renders country boundaries as SVG paths via d3.geoPath, with fill colors derived from a sequential YlGnBu scale encoding population values from a small embedded dataset. Hovering triggers a tooltip displaying country name and population. A gradient legend with an axis communicates the color-to-value mapping, while nations lacking data appear gray. The map loads country geometries from the world-atlas TopoJSON file, processed with topojson.feature.

Ddeepthinaidu2001@gmail.com
67% match
Loading thumbnail…

map

This visualization displays a world map where each country is colored according to its population using a sequential yellow-orange-red color scale. Population data is loaded from a CSV file and merged with country geometries from the world-atlas TopoJSON dataset. The map uses a Mercator projection via d3.geoMercator and renders paths with d3.geoPath, while hovering over a country reveals its name and population in a tooltip. Missing data appears gray, and the SVG canvas includes a light blue background.

PP Manisha
67% match
Loading thumbnail…

Circles on a Map

This visualization uses a natural Earth projection to display global population data for 2018, with each country represented by a circle whose area is proportional to its population. The map supports pan and zoom interactions, and hovering over a country reveals its population through a tooltip. Built with D3.js, it uses `d3.geoPath` for map rendering, `d3.scaleSqrt` for the size scaling, and custom legends to explain both the color scheme and circle sizes. Population data comes from a CSV file joined to a TopoJSON world atlas.

GGamue-cmd
67% match