HIV/AIDS Choropleth Map

100%

HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Aug 23, 2022

Created on Aug 23, 2022

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

97% 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-to-red sequential color scale to show infection rates per country. Built with React and D3 v5, it projects country boundaries with d3.geoNaturalEarth1 and d3.geoPath, overlaying graticules and interiors. Country data from the IHME dataset is joined to geographic features via ISO numeric codes, with missing regions rendered in grey.

Vvmonney

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

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 displays the global prevalence of HIV/AIDS among adults aged 15–49 for the year 2017, using color intensity to represent infection rates. Countries with missing data appear grey. Built with React and D3 v5, the visualization uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries and graticules from World Atlas TopoJSON, while d3.scaleSequential with an interpolateYlOrRd color scale maps data values. The underlying dataset is sourced from the Institute for Health Metrics and Evaluation (IHME).

AAlex Stulov

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, with countries shaded on a yellow-to-red sequential color scale based on infection percentages. The visualization uses React and D3 v5, employing d3.geoNaturalEarth1 and d3.geoPath to render world atlas TopoJSON boundaries with graticules, while missing data appears gray. Data comes from an IHME CSV dataset, linked to country shapes via ISO numeric codes.

RRMartins11

97% match