Zillow

100%

✓ Published0🌍 Public

Last edited Dec 5, 2022

Created on Dec 5, 2022

This visualization displays the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using a sequential color scale from yellow to red shaded across country boundaries. The React app loads world map topology from World Atlas TopoJSON and health data from a CSV source, then projects the map with d3.geoNaturalEarth1 and renders it as SVG paths. Countries missing data appear gray, while graticules and interior borders provide geographic context.

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…

React world HIV/AIDS map

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.

SSuperShreejit

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

87% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, with countries shaded on a yellow-to-red sequential scale based on infection rates. Countries lacking data appear gray. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world map features from TopoJSON, while d3.scaleSequential and interpolateYlOrRd map data values to colors. React manages the component state, fetching and joining CSV data with country codes to match each nation’s geographic ID.

KKtuzinowski

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

87% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017. Countries are colored on a yellow-to-red sequential scale based on infection rates, with missing data rendered in grey. The visualization uses React to manage state and D3's `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the map projection, graticule, and country boundaries from World Atlas TopoJSON data. The color scale is defined with `scaleSequential` and `interpolateYlOrRd`, mapping numeric prevalence values from a CSV file.

SShuyu Zheng

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

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

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

86% match