2. 0:00 choropleth map

100%

2. 0:00 choropleth map

✓ Published0🌍 Public

Last edited Mar 3, 2021

Created on Mar 3, 2021

This choropleth map visualizes the share of population infected with HIV across countries for the year 2017, using a yellow-orange-red sequential color scale (d3.scaleSequential with interpolateYlOrRd) to represent prevalence percentages. The map renders geographic country boundaries using d3.geoNaturalEarth1 projection and d3.geoPath, with graticules and interiors drawn as SVG paths. Countries without data appear gray. The React app loads CSV data on HIV prevalence and ISO country codes, joins them via d3.csv and Map lookups, and uses a topojson world atlas for the country shapes.

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 HIV/AIDS prevalence by country for the year 2017, with a sequential yellow-orange-red color scale (d3.scaleSequential with interpolateYlOrRd) encoding the proportion of the population infected. Countries lacking data are rendered in gray. The map uses a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with country boundaries and graticules from TopoJSON world-atlas data. React manages the component state, while D3 handles data loading from CSV files containing country codes and health statistics, and the SVG is styled with light gray fills for the sphere and graticules.

Mmtabaka

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

94% match

Loading thumbnail…

HIV/AIDs Choropleth Map

This example displays a choropleth map of HIV/AIDS prevalence among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to indicate infection rates. Country boundaries come from World Atlas TopoJSON, with graticules and interior borders rendered for visual polish. The React app loads CSV data on HIV prevalence and ISO country codes, joins them by numeric code, and projects the map using d3.geoNaturalEarth1 and d3.geoPath. Missing data appears in grey, and the visualization updates via d3.scaleSequential with interpolateYlOrRd.

Jj-PGi

94% 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 sequential color scale to indicate prevalence rates. Countries with missing data appear in grey, while the map is projected using d3.geoNaturalEarth1 and rendered as SVG paths. The visualization is built with React and D3 v7, loading world topology from TopoJSON and HIV prevalence data from an IHME CSV. Country codes are matched through a Wikipedia ISO code lookup table to link each dataset.

BBlake McCarty

94% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale to encode prevalence rates. Countries without data appear in gray. The map is rendered with SVG paths generated by d3.geoPath and the geoNaturalEarth1 projection, with graticules and country boundaries drawn from World Atlas TopoJSON data. The visualization is built in React, fetching CSV data via d3.csv and mapping ISO country codes to numeric identifiers for joining with the geographic features.

Eevers-codeshop-ai

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

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

93% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale. Countries without data are rendered in gray, and the map includes graticules and interior boundaries for context. The visualization loads country geometries from the World Atlas TopoJSON and HIV prevalence data from a CSV file, joining them via ISO country codes. It uses d3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule`, with React managing the SVG rendering.

Aandychai07

93% match