Skip to main content
SimilarExport ZIP
100%

Fork of HIV prevalence

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

This line chart displays the percentage of the population aged 15-49 infected with HIV over time, with a horizontal marker line at the 10,000% level and a vertical marker at the most recent year. Using React and D3 v5, the chart employs `scaleTime` and `scaleLinear` for axes, `d3.line` for the path, and custom `XMarkerLine` and `YMarkerLine` components for annotations. Data comes from the IHME HIV prevalence dataset loaded via `d3.csv`. The SVG rendering includes gridlines from `axisBottom` and a highlighted final date label.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This fork of the HIV/AIDS choropleth map displays the percentage of the population aged 15-49 infected with HIV in 2017 across countries. A sequential color scale using `d3.scaleSequential` and `interpolateYlOrRd` encodes prevalence, with gray for missing data. Built with React and d3.v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map projection, with country boundaries from World Atlas TopoJSON and graticules rendered via `d3.geoGraticule`. Data comes from an IHME CSV loaded with `d3.csv`.

AAbdullah Al Munem
83% 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
82% match
Loading thumbnail…

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
81% match
Loading thumbnail…

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
81% 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
81% 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. Country boundaries and graticules are rendered as SVG paths via `d3.geoPath` and `geoNaturalEarth1`, with React managing the component structure. Data comes from an IHME CSV, joined to country geometries using ISO numeric codes. The visualization is a fork of a prior example, adapting city population data to HIV prevalence rates.

Vvigneswaran009
81% 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
81% match
Loading thumbnail…

Fork of HIV/AIDS Choropleth Map

This choropleth map displays the share of the population infected with HIV/AIDS for the year 2017, using data from the IHME dataset. The visualization uses a sequential color scale with the YlOrRd interpolator, applied to states within the United States. Country boundaries and state interiors are rendered using d3.geoPath and TopoJSON, while the map projection is set to geoAlbersUsa. React manages the component state, loading data through custom hooks, and graticules are included for geographic context.

Hhasti khajeh
81% match