Skip to main content
SimilarExport ZIP
100%

dv2020-ep48-viz47 - choropleth map

✓ Published0🌍 Public
Zzach b.
Last edited Apr 3, 2023
Created on Mar 30, 2023

A choropleth map visualizes the share of the population infected with HIV in 2017. Countries are colored using a yellow-to-red sequential scale, with gray indicating missing data. Built with D3 v5 and React, it uses `geoNaturalEarth1` projection, `geoPath`, and TopoJSON world data. Hovering reveals a country name and its percentage, sourced from the IHME HIV prevalence dataset.

AI-generated description

A bubble map of the Missing Migrants Dataset.

Episode 48

MIT Licensed

Similar vizzes

Loading thumbnail…

Dataviz 2020_Ep48 - 38. Choropleth Map - (React, D3 - HIV/AIDS data)

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 rates. Countries with missing data appear in gray. The visualization is built with React and D3 v6, using `geoNaturalEarth1` and `geoPath` for map projection, `geoGraticule` for grid lines, and `topojson` to convert world atlas data into GeoJSON features. It renders as SVG, pulling HIV prevalence data from an IHME CSV dataset.

MMinwoo Pak
94% match
Loading thumbnail…

HIV Choropleth

This choropleth map visualizes the global prevalence of HIV among adults aged 15–49 in 2017, with countries colored on a yellow-orange-red sequential scale based on infection rates. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render world country boundaries, graticules, and interiors from TopoJSON data. Country codes are joined from an ISO-3166 CSV dataset to map each feature to its HIV prevalence value, while gray indicates missing data. The color scale uses `scaleSequential` with `interpolateYlOrRd`.

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

Choropleth Map

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.

Uuplusv
91% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, encoding each country’s prevalence with a sequential yellow-to-red color scale. The map uses a natural Earth projection rendered as SVG via React, with `d3.geoPath` drawing country boundaries, graticules, and interiors. It loads TopoJSON world-atlas data, ISO country codes, and the HIV prevalence dataset through `d3.csv` and `d3.json`, coloring missing regions gray.

Aazharahmad0
91% match