Skip to main content
SimilarExport ZIP
100%

LGBTQ+ Rights 2.0 - Fork of World Choropleth

✓ Published1🌍 Public
CChris Bodnarchuk
Last edited Oct 14, 2025
Created on Oct 7, 2025
Forked from World Choropleth

This choropleth visualizes LGBTQ+ Equity Index scores across the globe, coloring each country by its legal index, opinion index, or overall equity rank from Equaldex data. Built with D3 v5 and TopoJSON, the map uses `geoNaturalEarth1` projection, `geoPath` for country shapes, and `zoom` for interactive panning. Hovering reveals a tooltip with country statistics, while an on-screen legend allows switching between the three data modes with animated color scale transitions.

AI-generated description

A map of LGBTQ+ Equity Rights across the globe.

The Legal index attempts to capture to which extent LGBT+ people have the same rights as straight/cisgender people.

Opinion index represents polling from over 1000 public opion surveys.

Equity is an average score of the previous 2 indexes.

Factors include: - the legality of same-sex relationships, marriage, Censorship, Gender-Affirming Care, Non-Binary Gender Recognition, Hate Crime Projections, Discrimination(general employment, housing), Adoption, Military, Donating Blood, Conversion Therapy

It ranges from 0 to 100, 100 being most equal.

There Legal Index deviates from the Opinion Index which tends to be lower in most cases.

Sources: Equaldex

MIT Licensed

Similar vizzes

Loading thumbnail…

LGBTQ+ Rights 2025 3.0

A choropleth world map visualizes the Equaldex 2025 data, showing each country's legal and public opinion equity indices. Users hover over countries to reveal a tooltip with the country's index scores, population, and GDP. The visualization uses D3.js v5 with an AuthaGraph projection, `d3.geoPath`, zoom behavior, and color scales to render the map. A toggle button switches between displaying legal and opinion-based data, with an animated legend that updates accordingly.

CChris Bodnarchuk
89% match
Loading thumbnail…

A9 World Choropleth

This choropleth displays world happiness scores for 2022, coloring each country on a blue sequential scale and revealing its name and score on hover via SVG `<title>` tooltips. It loads CSV data and TopoJSON world geometry, then renders paths with `d3.geoPath()` and a Mercator projection. The implementation uses D3 v7, TopoJSON, and d3-legend, with color mapping from `d3.scaleSequential` and `d3.interpolateBlues`.

NNoah C.
76% match
Loading thumbnail…

20 - choropleth map - dataviz 2018

A choropleth map of the world colors each country according to its economic classification, with a color legend on the left. The map uses a natural Earth projection rendered with `d3.geoPath`, and country data comes from the `world-atlas` TopoJSON and TSV files. A sequential color scale based on `d3.scaleOrdinal` and `schemeSpectral` assigns hues, and hovering turns a country red via SVG CSS. The visualization is built with D3 v5 and the `topojson` library's `feature` function, with zoom capability via a custom `zoom` callback.

Zzach b.
76% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic data by country, with a color legend that doubles as an interactive filter. Users click legend items to highlight matching regions while dimming others. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering, and d3.zoom for panning. The legend employs scaleOrdinal with schemeSpectral colors, and onClick handlers toggle selection. Data comes from world-atlas TopoJSON and TSV files, processed via topojson.feature, with SVG output.

RRoland
75% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes world countries colored by economic classification, with an interactive color legend that filters the map when clicked. Hovering a country reveals its name and value via a tooltip, and the map supports zooming and panning. The visualization uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `zoom` for the map, while `scaleOrdinal` with `schemeSpectral` maps data values to colors. Data is loaded from the World Atlas TopoJSON and TSV files, and filtering updates both map and legend opacities in real time.

Qqliu50@fordham.edu
75% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by income group, with an interactive color legend that filters the map when clicked. Hovering reveals country names and values via tooltips. Built with D3 v5, it uses `d3.geoPath` with the Natural Earth projection and `d3.scaleOrdinal` with the Spectral scheme. The data comes from the World Atlas TopoJSON and TSV files, and the code employs `d3.select`, `d3.event`, and a `zoom` function for panning and zooming.

Hhberrong
75% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by economic group using a spectral color scale. The visualization includes a color legend with circles and labels, and countries highlight red on hover. Built with D3 v5, the map uses a natural Earth projection and renders as SVG paths. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata. Interactive zooming is enabled via D3’s zoom behavior, and the legend is generated with a custom `colorLegend` function.

EElena Momtcheva
74% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by economic group using a spectral color scale. The visualization includes a color legend with circles and labels, and countries highlight red on hover. Built with D3 v5, the map uses a natural Earth projection and renders as SVG paths. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata. Interactive zooming is enabled via D3’s zoom behavior, and the legend is generated with a custom `colorLegend` function.

EElena Momtcheva
74% match