HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Apr 28, 2020

Created on Apr 28, 2020

This choropleth map visualizes HIV/AIDS prevalence by country for the year 2017, with each nation shaded on a yellow-orange-red sequential color scale (`scaleSequential` with `interpolateYlOrRd`). The visualization pairs HIV data from a CSV dataset with country geometries from the World Atlas TopoJSON, mapping numeric country codes to join the data to the map. Countries without matching data appear gray. The SVG rendering uses `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` from d3.v5, with React managing the component lifecycle and state through custom hooks for loading the world atlas, HIV statistics, and country 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 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

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

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization displays a choropleth world map of HIV/AIDS prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale. The map renders country boundaries from World Atlas TopoJSON through `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and interiors drawn as separate SVG paths. React manages the data loading and state, pulling HIV prevalence statistics from an IHME CSV and mapping alpha-3 country codes to numeric identifiers via a supplementary ISO-3166 dataset. Countries without matching data appear gray.

MMaxwell Dayvson da Silva

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

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

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map of global HIV/AIDS prevalence in 2017, using a yellow-orange-red sequential color scale to show the share of the population aged 15-49 infected. The visualization renders country boundaries as SVG paths using `d3.geoPath` with a Natural Earth projection, with gray fill for countries lacking data. It joins CSV data to country geometries via ISO numeric codes, using `d3.scaleSequential` and `interpolateYlOrRd` for color encoding. Built with React and D3 v5, the map also displays graticules and interior borders.

MMichael Bruno

95% match

Loading thumbnail…

HIV / AIDS Choropleth map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 by country for the year 2017, using a yellow-orange-red sequential color scale. Countries with missing data are rendered in gray. The visualization uses React with d3-geo for the Natural Earth projection and geoPath, and d3-scale-chromatic for color interpolation. Data comes from the IHME HIV/AIDS dataset, loaded via d3.csv, and country boundaries are drawn from World Atlas TopoJSON using topojson.feature and topojson.mesh.

JJoakim Warholm

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale to indicate infection rates, with missing data rendered in light grey. The visualization loads country geometries from a TopoJSON world atlas and plots them as SVG paths via `d3.geoPath` with an Equal Earth projection. It joins country codes and HIV prevalence data from Our World in Data using React hooks, applying `d3.scaleSequential` and `interpolateYlOrRd` for color encoding.

AAndre J Denais

95% match