Skip to main content
SimilarExport ZIP
100%

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)

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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 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.

AAlexTapiaM
96% match
Loading thumbnail…

Fork of Fork of Fork of Simple World Map

This choropleth map visualizes global population distribution for 2024, using a yellow-green sequential color scale to represent population values for fifteen major countries while leaving others in light gray. The map renders with `d3.geoNaturalEarth1` projection and `d3.geoPath` over TopoJSON country boundaries from the world-atlas package. Hovering over a country reveals a tooltip with the country name and population figure, while a gradient legend with `d3.axisBottom` displays the value scale. The visualization uses D3 v7 and the topojson-client library to convert TopoJSON features into renderable paths.

Yyazneshpara2@gmail.com
69% 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…

Fork of asg 2

This interactive choropleth map visualizes global internet usage rates per country in 2015, with population data from Kaggle and country boundaries from a TopoJSON world atlas. Users can hover to see country names and usage statistics, zoom and pan via d3.zoom, and switch between years 2018–2022 through a dropdown menu. The map uses d3.geoNaturalEarth1 projections, d3.geoPath, and a sequential color scale based on d3.schemeGreens to encode population ranges.

Mmavercikalvin
68% match
Loading thumbnail…

Fork of Agregando interacción en la Vizualización del Mapa

This example displays an interactive world map using a natural Earth projection, with each country rendered in light green and highlighted red on hover. The visualization leverages D3 v6’s `geoPath` and `geoNaturalEarth1` projection to draw SVG paths from TopoJSON world-atlas data, while country names are joined from a TSV file. Users can pan and zoom via D3’s `zoom` behavior, which applies a transform to the map group. The map also includes a blue sphere outline, and tooltips with country names appear on hover.

AAlexTapiaM
67% 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…

Fork of Fork of Fork of Fork of Simple World Map

A choropleth world map visualizes 2024 national population estimates, with countries shaded on a yellow-green scale from light to dark by population size. The visualization employs an SVG rendering with the `d3.geoNaturalEarth1` projection, `d3.geoPath` for map geometry, and `d3.axisBottom` for a gradient legend. Population data is joined to country features by name, with missing values shown in grey. Tooltips display the exact population count on hover. The map uses TopoJSON data from the world-atlas package and D3 v7.

Yyazneshpara2@gmail.com
67% 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
67% match