Skip to main content
SimilarExport ZIP
100%

React world HIV/AIDS map

✓ Published0🌍 Public
SSuperShreejit
Last edited May 17, 2022
Created on May 17, 2022

A React-based choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale to represent the percentage of infected populations. The map renders geographic boundaries via topojson world atlas data and d3.geoPath with a geoNaturalEarth1 projection, while graticule lines and borders provide spatial context. Countries lacking data appear gray. The visualization loads HIV prevalence statistics from an IHME CSV dataset, merges them with ISO country codes, and displays tooltips revealing country names on hover.

AI-generated description

A react World Map chart + HIV/AIDS world map: topo-json data and HIV/AIDS: data

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

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 across countries for the year 2017, using a yellow-orange-red sequential color scale. It loads country geometries from the world-atlas TopoJSON dataset and prevalence data from an IHME CSV, joining them via ISO country codes. The React-based component uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths, with d3.geoGraticule for grid lines and grey fill for missing data.

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

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 in 2017, with countries colored on a yellow-to-red sequential scale based on infection rates. It uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to render world boundaries and graticules. The React-powered application merges HIV data from IHME with ISO country codes, mapping each nation by numeric code. Countries without matching HIV data appear gray. The visualization is built with D3 v5, React, and TopoJSON, sourcing country shapes from World Atlas TopoJSON.

GGuilinabaoge
93% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-to-red sequential scale based on infection rates. Gray indicates missing data. The visualization uses React to render SVG paths via d3.geoPath with a geoNaturalEarth1 projection, drawing country boundaries, graticules, and interiors from World Atlas TopoJSON. HIV prevalence data comes from IHME, merged with ISO country codes, with color mapping handled by d3.scaleSequential and interpolateYlOrRd.

AAnthony Bacilio Ruiz
93% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-to-red sequential scale based on infection rates. Gray indicates missing data. The visualization uses React to render SVG paths via d3.geoPath with a geoNaturalEarth1 projection, drawing country boundaries, graticules, and interiors from World Atlas TopoJSON. HIV prevalence data comes from IHME, merged with ISO country codes, with color mapping handled by d3.scaleSequential and interpolateYlOrRd.

AAnthony Bacilio Ruiz
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. Countries with missing data appear in grey. The map uses d3.geoNaturalEarth1 and d3.geoPath to render SVG country shapes from the Topojson World Atlas, with data sourced from IHME’s Global Burden of Disease Study via Our World in Data. React manages state through custom hooks that fetch CSV datasets.

WWolfgang
93% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange-red sequential color scale to indicate the percentage of the population infected. Countries lacking data appear in gray. The visualization leverages D3's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for rendering, with country boundaries sourced from the world-atlas TopoJSON. React manages the interface, while the data originates from an IHME CSV file, mapping each country via its numeric code.

AAliaksandr
93% match