HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Jun 2, 2022

Created on Jun 2, 2022

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, using a yellow-to-red sequential color scale to indicate prevalence rates. It renders a Natural Earth projection with graticules and country borders, and colors each country based on data from the IHME dataset, with gray indicating missing values. The visualization is built with React and D3 v5, using `d3.geoPath` for map geometry, `d3.scaleSequential` with `interpolateYlOrRd` for color encoding, and TopoJSON to load world atlas boundaries.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

MIT Licensed

Similar vizzes

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

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population aged 15-49 infected with HIV/AIDS for the year 2017, using a yellow-to-red sequential color scale that intensifies with higher prevalence. Country boundaries come from the World Atlas TopoJSON, while prevalence data originates from an IHME CSV dataset, matched to country shapes via ISO numeric codes. The visualization is built with React, D3 v5’s `geoNaturalEarth1` projection and `geoPath` for rendering SVG paths, including graticules and interior borders. Missing data countries appear in gray.

CChongho Lee

97% match

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

97% 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-orange-red color scale to represent prevalence rates. Countries with missing data appear in gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` and `geoPath` to render world countries from TopoJSON data, with geographic graticules and interiors drawn as overlays. The data comes from a CSV file containing HIV prevalence statistics from IHME.

BBen Seebeck

97% 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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This 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. Country boundaries and graticules are rendered with d3.geoPath and a geoNaturalEarth1 projection, while missing data is shown in gray. The visualization is built with React and D3 v5, pulling country shapes from World Atlas TopoJSON and HIV prevalence data from the IHME via CSV.

Wwindwaver

97% 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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population aged 15–49 infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. Built with React and D3 v5, it renders geographic boundaries with `geoNaturalEarth1` and `geoPath`, while country-level data is joined to map features via ISO numeric codes. Missing countries appear gray, and the visualization includes graticules and interior borders for stylistic polish. Data comes from IHME and the World Atlas TopoJSON.

MMaxwell Dayvson da Silva

97% match