Fork of HIV/AIDS Choropleth Map

100%

Fork of HIV/AIDS Choropleth Map

✓ Published0🌍 Public

Last edited Aug 15, 2023

Created on Aug 15, 2023

This choropleth map visualizes the global share of the population infected with HIV/AIDS for 2017, using a yellow-orange-red sequential color scale to encode prevalence percentages. Country boundaries come from the World Atlas TopoJSON, while the map projection, graticules, and sphere are rendered using d3.geoPath and d3.geoGraticule. The visualization is built with React, fetching data via d3.csv, and uses d3.scaleSequential with interpolateYlOrRd for coloring, with gray indicating missing data.

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 the global share of the population infected with HIV/AIDS for the year 2017, using a yellow-orange-red sequential color scale to represent prevalence rates. Countries lacking data are rendered in gray. The visualization is built with React and D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` to project and draw country boundaries from the World Atlas TopoJSON, complemented by graticules and sphere paths. Data is sourced from a CSV file detailing HIV prevalence by country.

NNIKHIL MOHAN

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

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

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017 across world countries, using a yellow-orange-red sequential color scale to encode prevalence rates. Countries missing data appear gray. The visualization uses React for component structure, D3 v5 for map projection and data loading, and SVG rendering with a Natural Earth projection and graticules. Data comes from an IHME CSV dataset, joined to country geometries from World Atlas TopoJSON via ISO country codes.

Cchar0496

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale to encode prevalence values. Countries missing data appear gray. The map is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath` for country boundaries, and `geoGraticule` for the graticules. The data is loaded from a CSV of HIV prevalence estimates via D3’s `csv` function, while country geometries come from the World Atlas TopoJSON.

Oonceup

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. It renders world countries as SVG paths via d3.geoPath with a natural Earth projection, styling graticules and interiors for reference. The chart is built with React and d3.v5, loading country geometries from World Atlas TopoJSON and HIV prevalence data from the IHME CSV. The code maps alpha-3 codes to numeric country codes to join the datasets, and countries with missing data appear in gray.

YYedrup

97% match

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

97% match

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS in 2017, using a yellow-orange-red sequential color scale applied to country boundaries from the World Atlas Topojson. Built with React and D3 v5, the code uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.geoGraticule for grid lines, and d3.csv to load HIV prevalence data from the IHME dataset. Missing countries are rendered in gray, with country codes matched via the ISO-3166 repository.

KKeyvan Rezaei

97% match