Skip to main content
SimilarExport ZIP
100%

HIV/ AIDS Choropleth Map (codeAlong)

✓ Published1🌍 Public
Ttomahawk-jupiter
Last edited Jun 19, 2021
Created on Jun 16, 2021

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, with countries colored along a sequential yellow-orange-red scale and gray for missing data. Built with React and D3 v6, it uses `geoNaturalEarth1` and `geoPath` for the projection, `geoGraticule` for background lines, and TopoJSON world atlas data. A `scaleSequential` with `interpolateYlOrRd` maps HIV prevalence percentages from an IHME dataset, joined to country shapes via ISO numeric codes.

AI-generated description

Follow along to choropleth tutorial.

tutorial Vid 00:00

MIT Licensed

Similar vizzes

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
94% 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
94% 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 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.

Ssophievanderhorst
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…

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
94% match
Loading thumbnail…

HIV Choropleth

This choropleth map visualizes the global prevalence of HIV among adults aged 15–49 in 2017, with countries colored on a yellow-orange-red sequential scale based on infection rates. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render world country boundaries, graticules, and interiors from TopoJSON data. Country codes are joined from an ISO-3166 CSV dataset to map each feature to its HIV prevalence value, while gray indicates missing data. The color scale uses `scaleSequential` with `interpolateYlOrRd`.

Ffjvoris
94% 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 countries shaded on a sequential yellow-to-red color scale based on infection rates. Regions lacking data appear in dark gray. The map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. React hooks load the CSV dataset and ISO country codes, while `scaleSequential` with `interpolateYlOrRd` maps prevalence values to fill colors.

Ssurikmeetr
94% 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
94% match