US Redomestication States

100%

US Redomestication States

✓ Published0🌍 Public

Last edited Sep 20, 2021

Created on Sep 20, 2021

This interactive choropleth map shows the prevalence of HIV/AIDS across US states for the year 2017, with darker orange-red fills indicating higher infection rates and gray for states with missing data. The visualization uses React components to render an SVG, with d3.geoAlbersUsa and d3.geoPath projecting TopoJSON state boundaries from the us-atlas dataset. Color encoding relies on d3.scaleSequential with an interpolateYlOrRd scheme, while HIV prevalence data comes from an IHME CSV file joined to state codes via ISO-3166 lookup.

AI-generated description

MIT Licensed

Similar vizzes

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

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

87% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This visualization displays a choropleth world map of HIV/AIDS prevalence rates among adults aged 15-49 for the year 2017, using a yellow-to-red sequential color scale. The map renders country boundaries from World Atlas TopoJSON through `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and interiors drawn as separate SVG paths. React manages the data loading and state, pulling HIV prevalence statistics from an IHME CSV and mapping alpha-3 country codes to numeric identifiers via a supplementary ISO-3166 dataset. Countries without matching data appear gray.

MMaxwell Dayvson da Silva

87% match

Loading thumbnail…

HIV / AIDS Choropleth Map

This HIV/AIDS choropleth map visualizes the percentage of the population aged 15-49 infected with HIV for the year 2017, using a yellow-orange-red sequential color scale to indicate severity. Countries without data appear in grey. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render the world map, with graticules and country interiors drawn for context. React manages the component state, while d3.csv fetches the HIV prevalence data from the IHME dataset and d3.json loads the World Atlas TopoJSON.

KKevin McMorrow

87% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes HIV/AIDS prevalence rates among adults aged 15-49 by country for the year 2017, using a yellow-orange-red sequential color scale to encode the percentage values, with gray indicating missing data. The map is rendered as an SVG using React and D3’s geoNaturalEarth1 projection, with graticules and country boundaries from a TopoJSON world atlas. Country-specific data is loaded from a CSV file via d3.csv and joined to geographic shapes using alpha-3 country codes mapped to numeric codes, enabling the fill color for each path generated by d3.geoPath.

AAlice Hua

87% match

Loading thumbnail…

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. Countries with missing data appear in grey. The map uses d3.geoNaturalEarth1 and d3.geoPath to render SVG country shapes from the Topojson World Atlas, with data sourced from IHME’s Global Burden of Disease Study via Our World in Data. React manages state through custom hooks that fetch CSV datasets.

WWolfgang

87% match

Loading thumbnail…

HIV/AIDs Choropleth Map

This example displays a choropleth map of HIV/AIDS prevalence among adults aged 15–49 for the year 2017, using a sequential yellow-orange-red color scale to indicate infection rates. Country boundaries come from World Atlas TopoJSON, with graticules and interior borders rendered for visual polish. The React app loads CSV data on HIV prevalence and ISO country codes, joins them by numeric code, and projects the map using d3.geoNaturalEarth1 and d3.geoPath. Missing data appears in grey, and the visualization updates via d3.scaleSequential with interpolateYlOrRd.

Jj-PGi

86% match

Loading thumbnail…

HIV/AIS Choropleth Map

This choropleth map visualizes the share of the population infected with HIV/AIDS for the year 2017, using a sequential yellow-orange-red color scale to encode prevalence rates across countries. Gray marks indicate missing data. The visualization combines React state management with D3 utilities, including `d3.geoNaturalEarth1` for the map projection, `d3.geoPath` for rendering SVG paths, and `d3.scaleSequential` with `interpolateYlOrRd` for color encoding. Country boundaries and graticules are drawn from TopoJSON data, while prevalence values come from the IHME dataset.

Jjbruzzo

86% match