Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Oct 4, 2023

Created on Oct 4, 2023

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, sourced from IHME data. The map uses a sequential yellow-orange-red color scale to encode prevalence rates across countries, with gray representing missing data. Built with React and D3 v5, it renders a Natural Earth projection using `geoNaturalEarth1` and `geoPath`, with country boundaries from the world-atlas TopoJSON. The data is loaded via D3’s `csv` and joined to map features using ISO alpha-3 codes.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, using color intensity to convey prevalence across countries. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render country boundaries and graticules from World Atlas TopoJSON data. The color scale, a sequential YlOrRd scheme, maps each country’s infection rate to a fill color, while missing data is shown in gray. Data comes from the IHME HIV/AIDS prevalence dataset, loaded via `d3.csv`.

Ee-ines

96% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, using a yellow-to-red sequential color scale to indicate prevalence rates. It renders a Natural Earth projection with graticules and country borders, and colors each country based on data from the IHME dataset, with gray indicating missing values. The visualization is built with React and D3 v5, using `d3.geoPath` for map geometry, `d3.scaleSequential` with `interpolateYlOrRd` for color encoding, and TopoJSON to load world atlas boundaries.

SSai Phaltankar

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red color scale to represent prevalence rates. Countries with missing data appear in gray. The visualization is built with React and D3 v7, using `geoNaturalEarth1` and `geoPath` to render world countries from TopoJSON data, with geographic graticules and interiors drawn as overlays. The data comes from a CSV file containing HIV prevalence statistics from IHME.

BBen Seebeck

95% match

Loading thumbnail…

HIV/AIDS choropleth map

This choropleth map visualizes the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-to-red sequential color scale to encode prevalence. The visualization renders country polygons via `d3.geoPath` with a Natural Earth projection, overlaying graticule lines and interior borders. Data from the IHME dataset is joined to map features through ISO alpha-3 to numeric country codes, with missing countries shown in gray. The React component uses `d3.scaleSequential` and `d3.interpolateYlOrRd` for color encoding, with TopoJSON from world-atlas providing the geographic boundaries.

AAndrea Picciau

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global share of the population infected with HIV/AIDS in 2017, with countries colored on a sequential yellow-to-red scale based on prevalence rates. Countries lacking data appear in gray. The visualization uses React with D3 v7, employing `geoNaturalEarth1` and `geoPath` for map projection, `topojson` for world atlas geometry, and `scaleSequential` with `interpolateYlOrRd` for the color encoding. Data comes from the IHME HIV prevalence CSV dataset.

TThomas Cormican

95% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population aged 15–49 infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. Built with React and D3 v5, it renders geographic boundaries with `geoNaturalEarth1` and `geoPath`, while country-level data is joined to map features via ISO numeric codes. Missing countries appear gray, and the visualization includes graticules and interior borders for stylistic polish. Data comes from IHME and the World Atlas TopoJSON.

MMaxwell Dayvson da Silva

95% match

Loading thumbnail…

HIV choropleth map

This choropleth map visualizes the global share of the population infected with HIV in 2017, using a yellow-to-red sequential color scale to encode prevalence rates while gray indicates missing data. It renders countries as SVG paths using React and d3-geo, with a Natural Earth projection and graticules for geographic context. The map integrates topojson world atlas data with CSV data from the IHME, matching countries via ISO numeric codes.

MMohammed Banani | MbDev

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

95% match