chorplotmap

100%

✓ Published0🌍 Public

Last edited May 15, 2021

Created on May 14, 2021

This choropleth map visualizes the prevalence of HIV/AIDS among adults aged 15–49 by country for the year 2017. The color of each country reflects its value using a sequential yellow-orange-red color scale, with missing data shown in gray. The map is rendered with `d3.geoPath` and `geoNaturalEarth1` projection, while country boundaries and graticules come from a TopoJSON world atlas. React manages the component structure, and the data is loaded from a CSV file using `d3.csv`.

AI-generated description

A scatter plot of [Iris] https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/iris.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

HIV Choropleth

This choropleth map visualizes the global prevalence of HIV among adults aged 15–49 in 2017, with countries colored on a yellow-orange-red sequential scale based on infection rates. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` to render world country boundaries, graticules, and interiors from TopoJSON data. Country codes are joined from an ISO-3166 CSV dataset to map each feature to its HIV prevalence value, while gray indicates missing data. The color scale uses `scaleSequential` with `interpolateYlOrRd`.

Ffjvoris

93% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 for the year 2017, with countries colored on a yellow-orange-brown sequential scale from `d3.scaleSequential` and `interpolateYlOrBr`, while nations lacking data appear gray. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and interiors from a TopoJSON world atlas. Data comes from a CSV of population infection rates, joined to countries via ISO numeric codes; React manages the component state and rendering as an SVG.

Aadewole-top

93% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a sequential yellow-to-red scale based on infection rates. Missing data renders in gray. Built with React and D3 v6, the map uses `geoNaturalEarth1` and `geoPath` to project world atlas TopoJSON data, while CSV data from the IHME is joined to country codes via a lookup table.

AAmir

93% match

Loading thumbnail…

HIV/AIDS Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15–49 in 2017, with countries shaded on a yellow-to-red sequential scale based on infection rates. Countries lacking data appear gray. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world map features from TopoJSON, while d3.scaleSequential and interpolateYlOrRd map data values to colors. React manages the component state, fetching and joining CSV data with country codes to match each nation’s geographic ID.

KKtuzinowski

93% match

Loading thumbnail…

Choropleth map

A choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, with countries colored on a yellow-orange-red sequential scale using d3.scaleSequential and interpolateYlOrRd. Gray marks indicate missing data. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from TopoJSON world atlas data, with country codes matched to CSV data from the IHME via ISO numeric codes. React manages the component lifecycle, loading data asynchronously through custom hooks.

TTakuya Kitazawa

93% match

Loading thumbnail…

HIV/AIDS Choropleth Map

A choropleth map visualizes global HIV/AIDS prevalence among adults aged 15-49 in 2017, with countries shaded on a yellow-to-red sequential color scale and missing data highlighted in red. Built with React and D3 v7, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules from TopoJSON world atlas data, while CSV data from IHME is joined to countries via ISO numeric codes. The map employs `d3.scaleSequential` with `interpolateYlOrRd` for color encoding.

JJoe Hutchins

93% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global prevalence of HIV/AIDS among adults aged 15-49 in 2017, using a yellow-orange sequential color scale where darker shades represent higher infection rates. Countries with missing data appear in grey. Built with React and D3 v5, the visualization loads world country boundaries from a TopoJSON dataset and HIV prevalence data from a CSV file. The code projects geographic coordinates using `geoNaturalEarth1`, renders country shapes with `geoPath`, and overlays graticules via `geoGraticule`.

Rrajamrit-singh

93% match

Loading thumbnail…

HIV / AIDS Choropleth map

A choropleth map displays HIV/AIDS prevalence among adults aged 15–49 by country for the year 2017, using a yellow-orange-red sequential color scale. Countries with missing data are rendered in gray. The visualization uses React with d3-geo for the Natural Earth projection and geoPath, and d3-scale-chromatic for color interpolation. Data comes from the IHME HIV/AIDS dataset, loaded via d3.csv, and country boundaries are drawn from World Atlas TopoJSON using topojson.feature and topojson.mesh.

JJoakim Warholm

93% match