Skip to main content
SimilarExport ZIP
100%

Choroleth Map for HIV/AIDS

✓ Published0🌍 Public
PPadoSensei
Last edited Apr 1, 2021
Created on Apr 1, 2021

A choropleth map displays HIV/AIDS prevalence for the year 2014, with countries colored on a yellow-orange-red sequential scale. The visualization uses React with d3.geoPath to render geographic features, while d3.geoNaturalEarth1 and d3.geoGraticule create the map projection and graticule. Data from a CSV file is joined to country shapes via ISO country codes, with missing data filled in white.

AI-generated description

Render a World Map

Short How To Article https://dev.to/sriramvsharma/drawing-a-world-map-in-13-lines-of-code-368a

Display HIV data on a Choroleth Map.

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV / AIDS Choropleth map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 by country for the year 2017, using a yellow-orange-red sequential color scale. Countries with missing data are rendered in gray. The visualization uses React with d3-geo for the Natural Earth projection and geoPath, and d3-scale-chromatic for color interpolation. Data comes from the IHME HIV/AIDS dataset, loaded via d3.csv, and country boundaries are drawn from World Atlas TopoJSON using topojson.feature and topojson.mesh.

JJoakim Warholm
93% 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
93% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the share of the population aged 15-49 infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale on a Natural Earth projection. The map renders countries as SVG paths via d3.geoPath, with gray fill for missing data, and includes graticules and interior borders. Data comes from the IHME HIV prevalence CSV and country codes from the ISO-3166 dataset, processed in React with d3-scale and topojson.

LLaura Johnson
93% match
Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate infection severity. Built with React and D3 v5, it renders a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, overlaid with graticules and country interiors. Data comes from a CSV of HIV infection rates, filtered to 2017, with the color scale domain set by maximum prevalence.

Rrstrauss127
93% match
Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the share of the population aged 15–49 infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale. Each country is filled according to its prevalence value, with gray indicating missing data. The map uses the Natural Earth projection via `geoNaturalEarth1` and `geoPath`, with graticules and country interiors drawn as SVG paths. Data comes from the IHME HIV prevalence CSV, joined to country geometries via numeric codes from the ISO-3166 dataset, and rendered in React with D3 v5.

Ddanrhymes
93% match
Loading thumbnail…

Choropleth map

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.

TTakuya Kitazawa
93% 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
93% 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
93% match