HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Jul 9, 2021

Created on Jul 9, 2021

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, using a yellow-orange-red sequential color scale. The code employs React with D3 v6’s `geoNaturalEarth1` projection and `geoPath` to render SVG country shapes, while `d3.scaleSequential` and `interpolateYlOrRd` map data values to colors. Countries without matching data appear gray, and the map includes graticules and interior borders. Data is sourced from IHME via CSV, with country codes matched using ISO-3166 metadata.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization shows the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a sequential yellow-orange-red scale from the d3.scaleSequential and interpolateYlOrRd APIs. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render SVG paths of world countries, with missing data shown in gray. Country codes are matched via a lookup table from a CSV file, and the choropleth is built using React components that fetch data with d3.csv and d3.json.

JJenny

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates among adults aged 15-49 by country for the year 2017, using a yellow-orange-red sequential color scale to encode the percentage values, with gray indicating missing data. The map is rendered as an SVG using React and D3’s geoNaturalEarth1 projection, with graticules and country boundaries from a TopoJSON world atlas. Country-specific data is loaded from a CSV file via d3.csv and joined to geographic shapes using alpha-3 country codes mapped to numeric codes, enabling the fill color for each path generated by d3.geoPath.

AAlice Hua

98% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a sequential yellow-to-red color scale to indicate infection rates. Countries without data appear in gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` projection, `geoPath` to render country boundaries, and `geoGraticule` for the latitude/longitude grid. Data comes from IHME, joined to country shapes via ISO numeric codes loaded from a CSV.

SSerind Joshua McCue

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to indicate infection rates. Countries with missing data appear in grey. The visualization renders world countries as SVG paths using d3.geoPath with a geoNaturalEarth1 projection, overlaid with graticule and interior boundaries. Data from the IHME CSV is joined to country geometries via ISO numeric codes, while React manages the application state.

Ccynichole

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale where darker shades indicate higher infection rates. Countries with missing data appear in light gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` and `geoPath` for map projection, `geoGraticule` for grid lines, and TopoJSON world atlas data. The choropleth applies a `scaleSequential` with `interpolateYlOrRd` to color each country polygon.

KK3zter

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, with each country colored on a yellow-to-red sequential scale based on its infection rate. Countries lacking data are rendered in gray. The map uses a Natural Earth projection with graticule and interior borders, built with React and D3's `geoPath`, `geoNaturalEarth1`, and `geoGraticule` modules. Data is loaded from a CSV file containing IHME prevalence estimates, joined to country codes via ISO-3166 metadata.

JJun Suzuki

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

97% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 for the year 2019, using a yellow-orange-red sequential color scale to encode infection rates per country. It employs React for component rendering and D3 v7’s `geoNaturalEarth1` projection with `geoPath` to draw country boundaries, graticules, and interiors as SVG. Missing data appears gray. The data comes from an IHME CSV, with country codes mapped via the ISO-3166 dataset.

OOleg Zhernovoy

97% match