HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Mar 31, 2021

Created on Mar 31, 2021

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.

AI-generated description

A scatter plot of temperature over time.

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

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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes global HIV/AIDS prevalence in 2017, with countries shaded along a yellow-orange-red sequential scale and gray indicating missing data. The visualization uses React with D3.js v7, employing `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country shapes from TopoJSON world atlas data. HIV prevalence values are loaded from an IHME dataset and mapped to numeric country codes for accurate geographical association.

BBen Brophy

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

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.

SSai Phaltankar

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a sequential yellow-to-red scale based on infection rates. Missing data renders in gray. Built with React and D3 v6, the map uses `geoNaturalEarth1` and `geoPath` to project world atlas TopoJSON data, while CSV data from the IHME is joined to country codes via a lookup table.

AAmir

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS among adults aged 15–49 for the year 2017, using a yellow-to-red sequential color scale. It renders country boundaries as SVG paths via d3.geoPath and d3.geoNaturalEarth1, with graticule and interior borders drawn from TopoJSON data. Missing country data appears white. The map is built with React hooks for data loading and D3’s scaleSequential with interpolateYlOrRd, pulling HIV prevalence from an IHME CSV dataset.

KKazushige Okuma

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 in 2017, with countries shaded on a yellow-to-red sequential color scale and missing data highlighted in red. Built with React and D3 v7, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules from TopoJSON world atlas data, while CSV data from IHME is joined to countries via ISO numeric codes. The map employs `d3.scaleSequential` with `interpolateYlOrRd` for color encoding.

JJoe Hutchins

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

96% match