Fork of HIV/AIDS Choropleth Map

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

Fork of HIV/AIDS Choropleth Map

This choropleth map shows the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-to-red sequential scale based on infection rates. Gray indicates missing data. The visualization uses React to render SVG paths via d3.geoPath with a geoNaturalEarth1 projection, drawing country boundaries, graticules, and interiors from World Atlas TopoJSON. HIV prevalence data comes from IHME, merged with ISO country codes, with color mapping handled by d3.scaleSequential and interpolateYlOrRd.

AAnthony Bacilio Ruiz

Fork of HIV/AIDS Choropleth Map

AAnthony Bacilio Ruiz

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

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

Fork of HIV/AIDS Choropleth Map

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 to indicate infection rates. Country shading is drawn from CSV data, while country boundaries and graticules are rendered as SVG paths using d3.geoPath and the natural Earth projection. The visualization uses d3.scaleSequential with interpolateYlOrRd for color mapping, and countries without data appear gray. The React-based application loads world atlas TopoJSON data and ISO country codes to link each nation to its corresponding metric.

KKevin Andrade

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

Hhongshuyan99@outlook.com

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.