Skip to main content
SimilarExport ZIP
100%

Fork of 2021 Human Development Index

✓ Published0🌍 Public
SstellaWangg
Last edited Aug 1, 2023
Created on Aug 1, 2023

This visualization shows a 2021 world map of the Human Development Index, with countries colored on a green scale from dark (high HDI) to light (low HDI). Hovering reveals each country’s exact value via a tooltip. The map uses `d3.geoPath` with a `geoNaturalEarth1` projection to render country shapes from TopoJSON, and supports zooming via `d3.zoom`. Colors are assigned by comparing HDI values retrieved from a CSV file against a discrete scale built from `d3.schemeGreens`, with a custom color legend.

AI-generated description

A 2021 world map of Human Development Index

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 2021 Human Development Index

This visualization displays a world map of the 2021 Human Development Index (HDI) values, coloring each country according to its score using a green sequential palette. It implements zoom and pan interactions with d3.zoom and shows a color legend with ordinal scales to interpret HDI ranges. The map uses d3.geoPath with a geoNaturalEarth1 projection, loads geographic data from topojson-client, and merges HDI values from the internet_users.csv dataset, with a tooltip showing each country’s score on hover.

PPeiyang Li
94% match
Loading thumbnail…

2021 Human Development Index

This map visualizes the 2021 Human Development Index (HDI) by country, using a green color scale to represent index values. It uses d3.geoPath and d3.geoNaturalEarth1 to render world map outlines, with data from a Kaggle dataset. Hovering over a country displays its name and HDI value via a tooltip, and a color legend explains the value ranges. The visualization supports zoom and pan interactions.

SSpencer McAvey
88% match
Loading thumbnail…

Fork of HDI Over Time Line Final

This visualization displays United Nations Human Development Index (HDI) values for countries from 1990 to 2021, with a drop-down menu allowing users to switch between overall HDI, male HDI, and female HDI datasets. The line chart uses d3.scaleTime and d3.scaleLinear for axes, d3.line to generate paths for each country, and d3.scaleOrdinal with schemeCategory10 to color lines by UNDP developing region. A color legend and interactive hover effects that adjust stroke width are implemented using D3 v7 selection methods. The data is loaded from a CSV file and parsed with d3.csvParse.

SSpencer McAvey
80% match
Loading thumbnail…

HDI Over Time Line Final With Tooltip

This interactive line chart shows Human Development Index (HDI) values per country from 1990 to 2021, with a dropdown menu to switch between overall HDI, male HDI, and female HDI metrics. Lines are colored by UNDP developing region via `scaleOrdinal` and `schemeCategory10`, and hovering over a line displays a tooltip with the country name using D3’s mouse events. The visualization uses `d3.csvParse` to load data, `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the paths.

SSpencer McAvey
75% match
Loading thumbnail…

HDI 1990-2021

A line chart displays Human Development Index (HDI) values by country from 1990 to 2021, with a drop-down menu toggling between overall, male, and female HDI metrics. Lines are colored by UNDP developing region via `scaleOrdinal`, while event markers appear as black dots. The chart uses d3.v7 with `scaleTime`, `scaleLinear`, `line`, and `flatGroup` to render trajectories, plus interactive tooltips on hover. Data is parsed from a CSV using `csvParse` and `timeParse`.

SSpencer McAvey
75% match
Loading thumbnail…

HDI Over Time Flat Group 4/8

This visualization displays Human Development Index (HDI) values for countries over time from 1990 to 2021, with a dropdown menu that switches between overall HDI, male HDI, and female HDI datasets. Each country is represented as a thin line colored by its UNDP developing region, with a legend on the right side. The chart uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.flatGroup to organize lines by country. Data comes from a CSV file containing country, date, value, and region attributes.

SSpencer McAvey
74% match
Loading thumbnail…

Human Development Indices: A statistical update 2013 | United Nations Development Programme, source data.un.org

This visualization maps the Gender Inequality Index across countries, using color to represent index values and revealing geographic patterns of inequality. It loads data from a CSV file containing the 2013 Human Development Indices. The map is rendered using D3.js, with a geographic projection and path generator (`d3.geoPath`) to draw country boundaries. A sequential color scale encodes the index value for each country, and a legend provides a reference for interpreting the colors.

BBeaupe
73% match
Loading thumbnail…

Fork of 2015 Internet Users World Map

A choropleth map colors the world by each country’s percentage of internet users in 2015, using a six-step green scale from `d3.schemeGreens`. Hovering reveals a country’s exact value in a tooltip, while the view supports interactive zoom via `d3.zoom` to bounding boxes. The map is drawn with `d3.geoNaturalEarth1` and `d3.geoPath` from TopoJSON data, with a color legend built from a custom `scaleOrdinal` scale. Internet usage data comes from a CSV of per-100-people statistics.

SstellaWangg
72% match