Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants on a Map

✓ Published0🌍 Public
Ssteelerfan107
Last edited Mar 16, 2021
Created on Mar 16, 2021

This example visualizes the share of the population infected with HIV/AIDS across countries for 2017, using a choropleth map colored with a sequential yellow-orange-red scale. The map is rendered with React and D3 v5, using `geoNaturalEarth1` projection and `geoPath` to draw country boundaries from World Atlas TopoJSON. The color scale maps the disease prevalence values from the Missing Migrants Dataset to the color legend sequentially via `scaleSequential`.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants on a Map

This choropleth map visualizes the share of the population infected with HIV by country for a selected year, using a sequential color scale (interpolateYlOrRd) to encode prevalence. Drawing with d3.geoPath, the map renders country boundaries from World Atlas TopoJSON and overlays graticules and a sphere backdrop. Built with React and D3 v5, the visualization filters the Missing Migrants Dataset to a specific year and applies color mapping through scaleSequential, with opacity-controlled circles representing individual events.

Wweny1109
95% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays the share of the population infected with HIV/AIDS by country for 2017, using a sequential yellow-orange-red color scale to encode prevalence. The map is rendered with React and D3 v5, using d3.geoNaturalEarth1 and d3.geoPath to project country boundaries from World Atlas TopoJSON, while graticules and interior borders are drawn via d3.geoGraticule and topojson.mesh. Countries without matching data are filled gray, and the underlying HIV prevalence dataset comes from IHME.

Jjchen6912
94% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This map visualizes the share of the population aged 15–49 infected with HIV/AIDS in 2017, using a yellow-to-red sequential color scale on a natural Earth projection. It loads world country boundaries as TopoJSON, HIV prevalence data from an IHME CSV, and ISO country codes, then joins them by numeric code via React state. The visualization renders SVG paths with d3.geoPath and d3.geoNaturalEarth1, coloring each country based on the maximum prevalence value.

NNikita Toropov
93% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale to encode prevalence values. Countries missing data appear gray. The map is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath` for country boundaries, and `geoGraticule` for the graticules. The data is loaded from a CSV of HIV prevalence estimates via D3’s `csv` function, while country geometries come from the World Atlas TopoJSON.

Oonceup
91% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale to represent prevalence rates. Countries lacking data are rendered in gray. The visualization is built with React and D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` to project and draw country boundaries from the World Atlas TopoJSON, complemented by graticules and sphere paths. Data is sourced from a CSV file detailing HIV prevalence by country.

NNIKHIL MOHAN
90% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
90% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
90% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei
90% match