Skip to main content
SimilarExport ZIP
100%

Making chloropleth map with HIV dataset

✓ Published0🌍 Public
JJean David
Last edited May 25, 2021
Created on May 25, 2021

This interactive chloropleth map visualizes HIV prevalence by country for the year 2017, using a sequential color scale to represent the percentage of the population infected. Users can select a year via a brushed time series histogram, which filters the map’s data accordingly. Built with React and D3 v5, the visualization employs d3.geoPath and d3.geoNaturalEarth1 for map projection, d3.scaleSequential with interpolateYlOrRd for coloring, and d3.brushX for the interactive time selection. Data comes from the IHME HIV prevalence dataset, joined to country shapes using ISO country codes.

AI-generated description

Making chloropleth map with HIV. Data from HIV Prevalence Dataset.

MIT Licensed

Similar vizzes

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
91% match
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
91% 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 show prevalence across countries. The visualization renders a natural Earth projection with graticules and country boundaries via `d3.geoNaturalEarth1` and `d3.geoPath`, with missing data marked in gray. Built with React and D3 v5, it joins country codes from the ISO-3166 dataset to HIV prevalence data from the IHME, displaying the result as an SVG.

SSahar Ejaz
90% match
Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization displays a choropleth world map of HIV/AIDS prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale. The map renders country boundaries from World Atlas TopoJSON through `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and interiors drawn as separate SVG paths. React manages the data loading and state, pulling HIV prevalence statistics from an IHME CSV and mapping alpha-3 country codes to numeric identifiers via a supplementary ISO-3166 dataset. Countries without matching data appear gray.

MMaxwell Dayvson da Silva
90% match
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
90% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates for 2017, shading countries on a natural Earth projection according to the percentage of the population aged 15–49 infected. It uses React with d3.geoPath to render the sphere, graticules, and country boundaries from the World Atlas TopoJSON, while d3.scaleSequential with an interpolateYlOrRd color scale maps prevalence values. Data comes from a CSV of IHME country-level estimates, joined to country codes via ISO-3166 codes, with missing data rendered in gray.

NNelson Kalgushkin
90% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

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.

Hhongshuyan99@outlook.com
90% match
Loading thumbnail…

HIV/AIDS Choropleth Map

This interactive map visualizes the global distribution of HIV/AIDS prevalence among adults aged 15-49 in 2017. A sequential color scale using d3.scaleSequential with interpolateYlOrRd maps infection rates, with gray indicating missing data. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render country boundaries from World Atlas TopoJSON, enhanced with graticules and interior borders. Data comes from IHME’s HIV prevalence dataset, joined to country codes via ISO-3166 CSV data, and the React application loads remote resources asynchronously.

CChris Briggs
90% match