Choropleth map

100%

Choropleth map

✓ Published0🌍 Public

Last edited Jan 17, 2021

Created on Jan 17, 2021

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-orange-red sequential scale using d3.scaleSequential and interpolateYlOrRd. Gray marks indicate missing data. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from TopoJSON world atlas data, with country codes matched to CSV data from the IHME via ISO numeric codes. React manages the component lifecycle, loading data asynchronously through custom hooks.

AI-generated description

Line chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017. Countries are filled with a yellow-orange-red sequential color scale from `d3.scaleSequential` and `interpolateYlOrRd`, with gray for missing data. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` on TopoJSON data from the World Atlas, rendering country boundaries and graticules via SVG. HIV prevalence data comes from IHME, joined to country codes via ISO-3166 reference data.

RRahul Ranjan

97% match

Loading thumbnail…

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-orange-red sequential scale using d3.scaleSequential with interpolateYlOrRd, with gray indicating missing data. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, topojson features for country boundaries, and a geoGraticule overlay. Data comes from IHME prevalence statistics loaded via d3.csv, rendered as SVG paths in a React framework.

Iiblub

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

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

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 for the year 2017, with countries colored on a yellow-orange-brown sequential scale from `d3.scaleSequential` and `interpolateYlOrBr`, while nations lacking data appear gray. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and interiors from a TopoJSON world atlas. Data comes from a CSV of population infection rates, joined to countries via ISO numeric codes; React manages the component state and rendering as an SVG.

Aadewole-top

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

95% match

Loading thumbnail…

Choropleth - HIV/AIDS Data

This choropleth visualizes the global share of the population aged 15–49 infected with HIV/AIDS in 2017, using a sequential yellow-orange-red color scale to encode prevalence values. The map is rendered as an SVG with React, leveraging d3.geoNaturalEarth1 and d3.geoPath to project world countries from TopoJSON, while country codes are matched via an ISO-3166 CSV. Countries without data appear in light gray, with graticules and interior borders overlaid for spatial reference.

Jjulesgentry

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 in 2017, with countries shaded on a yellow-to-red sequential color scale and missing data highlighted in red. Built with React and D3 v7, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules from TopoJSON world atlas data, while CSV data from IHME is joined to countries via ISO numeric codes. The map employs `d3.scaleSequential` with `interpolateYlOrRd` for color encoding.

JJoe Hutchins

95% match