HIV / AIDS world map vis

100%

HIV / AIDS world map vis

✓ Published0🌍 Public

Last edited Mar 3, 2022

Created on Mar 3, 2022

Forked from Missing Migrants on World Map

This visualization presents a choropleth world map depicting HIV/AIDS prevalence rates for the year 2017. Country boundaries are rendered using the `geoNaturalEarth1` projection and `geoPath` from D3, with graticules and interiors drawn for context. The map is color-coded using a sequential yellow-orange-red scale (`scaleSequential(interpolateYlOrRd)`) applied to AIDS prevalence data, with missing data displayed in gray. The geographic data originates from World Atlas TopoJSON, while the prevalence statistics are sourced from a CSV dataset.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

HIV/AIDS Choropleth Map

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.

Aabhijit01

94% match

Loading thumbnail…

HIV / AIDS Choropleth Map

This interactive choropleth map displays the global prevalence of HIV/AIDS in 2017, using a yellow-orange-red sequential color scale to encode the number of people living with the disease per country. Built with React and D3 v5, it projects country boundaries using `geoNaturalEarth1` and renders them via `geoPath`, with missing data shown in light blue. Data comes from the Missing Migrants Dataset and World Atlas TopoJSON, with country codes matched through a CSV lookup table.

Ccshm407

93% 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 to encode infection rates by country. Countries missing data appear in grey. The visualization loads world geometry from TopoJSON via `world-atlas`, joins it with CSV data on HIV prevalence, and renders the map using React with `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, plus `d3.scaleSequential` for color mapping.

PPhronesis

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

93% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This interactive map visualizes the global distribution of HIV/AIDS prevalence among adults aged 15-49 in 2017. A sequential color scale using d3.scaleSequential with interpolateYlOrRd maps infection rates, with gray indicating missing data. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render country boundaries from World Atlas TopoJSON, enhanced with graticules and interior borders. Data comes from IHME’s HIV prevalence dataset, joined to country codes via ISO-3166 CSV data, and the React application loads remote resources asynchronously.

CChris Briggs

92% match

Loading thumbnail…

HIV/ AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 for the year 2017, using a sequential yellow-to-red color scale to show infection rates across countries. The visualization employs d3.geoPath with a geoNaturalEarth1 projection to render world country boundaries, graticules, and interior borders as SVG paths. Data comes from the Institute for Health Metrics and Evaluation (IHME) via a CSV file, joined to country shapes using ISO numeric codes. Countries without data appear gray, and React manages the component state while d3.ajax loads the world atlas and datasets.

SShanmukh

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

92% match