Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Apr 17, 2024

Created on Apr 17, 2024

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to encode infection rates across countries. Built with React and D3 v5, it renders an SVG using `geoNaturalEarth1` projection and `geoPath` for country polygons, graticules, and interior boundaries. Country codes are matched via a CSV lookup to join data from the IHME dataset, with missing countries shown in gray. Data loads asynchronously through custom hooks, and the map updates based on the selected year.

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…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale to show infection rates. Country boundaries come from World Atlas TopoJSON, while disease data is sourced from an IHME CSV dataset. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for map projection and rendering, with `scaleSequential` and `interpolateYlOrRd` for color encoding. Countries missing data appear gray, and the map includes graticules and interior borders for spatial context.

RRoberto

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

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

A choropleth map of global HIV/AIDS prevalence among adults aged 15–49 in 2017. Country colors encode prevalence using a sequential yellow-orange-red scale, with missing data shown in gray. Built with React and D3 v5, the map uses `geoNaturalEarth1` and `geoPath` for the projection, while country boundaries and graticules come from World Atlas TopoJSON. HIV prevalence data originates from the IHME dataset on GitHub, joined to country codes via the ISO-3166 CSV.

MMatthew Talty Colvard

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

97% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries shaded from light yellow to dark red based on infection rates. The visualization uses React to render SVG paths, with d3.geoNaturalEarth1 for map projection, d3.geoPath for drawing country boundaries and graticules, and d3.scaleSequential with an interpolateYlOrRd color scale. Country codes are matched against World Atlas TopoJSON features, and missing data appears in gray. Data comes from the IHME HIV prevalence dataset.

Aandychai07

97% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map 2

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 applied to country boundaries. Countries with missing data appear in gray. The visualization is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for map geometry. Data comes from the IHME CSV dataset, mapped to country codes via the ISO-3166 slim CSV, with country shapes from the world-atlas TopoJSON.

KKevin Andrade

96% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, with countries colored according to prevalence rates using a sequential yellow-orange-red color scale. Gray marks countries with missing data. Built with React and D3 v5, the visualization uses the `geoNaturalEarth1` projection, `geoPath` for rendering country boundaries and graticules, and `scaleSequential` with `interpolateYlOrRd` for color encoding. Country shapes come from the World Atlas TopoJSON, while HIV prevalence data is loaded from a CSV file hosted on GitHub.

MMark Baynes

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

96% match