Fork of Fork of HIV/AIDS Choropleth Map

100%

Fork of Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Jul 25, 2024

Created on Jul 25, 2024

Forked from Fork of HIV/AIDS Choropleth Map

A choropleth map displays the prevalence of HIV/AIDS among adults aged 15-49 across countries for the year 2017, using a yellow-orange-red sequential color scale to indicate infection rates, with gray for missing data. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` to project country boundaries from World Atlas TopoJSON, overlaid with graticules and interior boundaries. Data comes from an IHME CSV file, joined to country shapes via ISO numeric codes, with color values scaled using `scaleSequential` and `interpolateYlOrRd`.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale to indicate infection rates. Each country is filled according to its data value, with gray used for countries lacking data. Built with React and D3 v5, the map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world country boundaries and graticules from TopoJSON, while CSV data from the IHME is joined to country codes via ISO-3166 mappings.

RRupendra Pamisetty

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map displays the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange-red sequential color scale to indicate the percentage of the population infected. Countries lacking data appear in gray. The visualization leverages D3's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for rendering, with country boundaries sourced from the world-atlas TopoJSON. React manages the interface, while the data originates from an IHME CSV file, mapping each country via its numeric code.

AAliaksandr

97% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map 2

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange-red sequential color scale applied to country boundaries. Countries with missing data appear in gray. The visualization is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for map geometry. Data comes from the IHME CSV dataset, mapped to country codes via the ISO-3166 slim CSV, with country shapes from the world-atlas TopoJSON.

KKevin Andrade

97% match

Loading thumbnail…

Fork of Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries shaded from light yellow to dark red based on infection rates. The visualization uses React to render SVG paths, with d3.geoNaturalEarth1 for map projection, d3.geoPath for drawing country boundaries and graticules, and d3.scaleSequential with an interpolateYlOrRd color scale. Country codes are matched against World Atlas TopoJSON features, and missing data appears in gray. Data comes from the IHME HIV prevalence dataset.

Aandychai07

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence among adults aged 15–49 in 2017, using a yellow-to-red sequential color scale to show infection rates. Country boundaries come from World Atlas TopoJSON, while disease data is sourced from an IHME CSV dataset. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for map projection and rendering, with `scaleSequential` and `interpolateYlOrRd` for color encoding. Countries missing data appear gray, and the map includes graticules and interior borders for spatial context.

RRoberto

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

96% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

A choropleth map displays the share of the population infected with HIV/AIDS for 2017, using a yellow-to-red sequential color scale. The visualization uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and a sphere. Data from the IHME is merged with ISO country codes via `d3.csv`. Missing countries appear gray. The map is built with React and D3 v5, rendering as SVG with `scaleSequential` and `interpolateYlOrRd` for color encoding.

KKeyvan Rezaei

96% match