Skip to main content
SimilarExport ZIP
100%

HIV/AIDS Making a Choropleth Map

✓ Published0🌍 Public
MMichael Bergerson
Last edited Feb 11, 2021
Created on Feb 11, 2021

This example visualizes the share of the population infected with HIV/AIDS for countries worldwide in 2017, using a choropleth map rendered with SVG paths. Countries lacking data appear gray, while others are colored using a sequential yellow-orange-red color scale via `d3.scaleSequential` and `interpolateYlOrRd`. The map is built with React, D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for graticules, alongside country boundaries from the world-atlas TopoJSON. Data comes from an IHME CSV joined to numeric country codes via ISO-3166 codes.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, with countries colored on a sequential yellow-to-red scale based on prevalence rates. Countries lacking data appear in gray. The visualization uses React with D3 v7, employing `geoNaturalEarth1` and `geoPath` for map projection, `topojson` for world atlas geometry, and `scaleSequential` with `interpolateYlOrRd` for the color encoding. Data comes from the IHME HIV prevalence CSV dataset.

TThomas Cormican
95% match
Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, using color intensity to convey prevalence across countries. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. The color scale, a sequential YlOrRd scheme, maps each country’s infection rate to a fill color, while missing data is shown in gray. Data comes from the IHME HIV/AIDS prevalence dataset, loaded via `d3.csv`.

Ee-ines
95% match
Loading thumbnail…

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-to-red sequential color scale to encode prevalence. The visualization renders country polygons via `d3.geoPath` with a Natural Earth projection, overlaying graticule lines and interior borders. Data from the IHME dataset is joined to map features through ISO alpha-3 to numeric country codes, with missing countries shown in gray. The React component uses `d3.scaleSequential` and `d3.interpolateYlOrRd` for color encoding, with TopoJSON from world-atlas providing the geographic boundaries.

AAndrea Picciau
94% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, encoding each country’s prevalence with a sequential yellow-to-red color scale. The map uses a natural Earth projection rendered as SVG via React, with `d3.geoPath` drawing country boundaries, graticules, and interiors. It loads TopoJSON world-atlas data, ISO country codes, and the HIV prevalence dataset through `d3.csv` and `d3.json`, coloring missing regions gray.

Aazharahmad0
94% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 for the year 2017, with countries colored on a yellow-orange-brown sequential scale from `d3.scaleSequential` and `interpolateYlOrBr`, while nations lacking data appear gray. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and interiors from a TopoJSON world atlas. Data comes from a CSV of population infection rates, joined to countries via ISO numeric codes; React manages the component state and rendering as an SVG.

Aadewole-top
94% match
Loading thumbnail…

Choropleth - HIV/AIDS Data

This choropleth visualizes the global share of the population aged 15–49 infected with HIV/AIDS in 2017, using a sequential yellow-orange-red color scale to encode prevalence values. The map is rendered as an SVG with React, leveraging d3.geoNaturalEarth1 and d3.geoPath to project world countries from TopoJSON, while country codes are matched via an ISO-3166 CSV. Countries without data appear in light gray, with graticules and interior borders overlaid for spatial reference.

Jjulesgentry
94% match
Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence by country for the year 2017, with a sequential yellow-orange-red color scale (d3.scaleSequential with interpolateYlOrRd) encoding the proportion of the population infected. Countries lacking data are rendered in gray. The map uses a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with country boundaries and graticules from TopoJSON world-atlas data. React manages the component state, while D3 handles data loading from CSV files containing country codes and health statistics, and the SVG is styled with light gray fills for the sphere and graticules.

Mmtabaka
94% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the share of the population aged 15-49 infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale on a Natural Earth projection. The map renders countries as SVG paths via d3.geoPath, with gray fill for missing data, and includes graticules and interior borders. Data comes from the IHME HIV prevalence CSV and country codes from the ISO-3166 dataset, processed in React with d3-scale and topojson.

LLaura Johnson
94% match