Fork of Poverty vs Wealth in the World

100%

Fork of Poverty vs Wealth in the World

✓ Published0🌍 Public

Last edited Apr 7, 2023

Created on Apr 7, 2023

Forked from Poverty vs Wealth in the World

This choropleth map visualizes global economic categories using D3’s `geoNaturalEarth1` projection and `geoPath`. Countries are colored via a `scaleOrdinal` with `schemeOranges`, and hovering or clicking a country updates a title showing its name or economic category. The legend uses D3’s data joins to render clickable color swatches, while a `d3.zoom` handler enables pan and zoom. Data is loaded from the World Atlas TopoJSON and TSV files.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Poverty vs Wealth in the World

This map visualization depicts global economic disparity by coloring each country according to its economy category, with a legend allowing users to filter countries by category and a clickable map to select individual nations. Using D3’s `geoNaturalEarth1` and `geoPath` for the projection and rendering, it loads geospatial data from the world-atlas TopoJSON and applies an ordinal color scale with `schemeOranges`. Pan and zoom are enabled via `d3.zoom`, while country titles and labels provide tooltips and interactive feedback.

JJacob van Lingen

90% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes an interactive color legend built with custom D3 selections. The map supports zooming via d3.zoom, and country tooltips display name and economic group. Data comes from the World Atlas TopoJSON and TSV files, loaded with d3.json and d3.tsv, with hover states highlighting countries in red.

Ggeneralshermanw

84% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification, using a spectral ordinal color scale and a natural Earth projection. The visualization supports zooming and panning through d3.zoom, and displays a custom interactive legend built with SVG circles and text. It loads geographic and economic data from the world-atlas TopoJSON and TSV files, processing them with topojson.feature and d3.tsv. Country paths are rendered via d3.geoPath, with hover highlighting and a tooltip showing the country name and economy value.

Mmgweiner

84% match

Loading thumbnail…

Fork of choropleth map

This fork of a choropleth map visualizes global economic data by coloring countries according to their economy type. The map uses a natural Earth projection and displays a dynamic color scale based on the spectral scheme. Built with D3 v5 and TopoJSON, the visualization loads world atlas data from a TSV and JSON file, then projects geographic features using d3.geoPath. Users can click a country to select a specific economy value, which triggers a re-render that updates the color assignments. The SVG output supports zooming through the d3.zoom component, and hovering highlights individual countries in red.

Zzenoe

84% match

Loading thumbnail…

Fork of Fork of Choropleth Map

This choropleth map colors countries by their economy classification using a spectral color scale, with hover highlighting and a circular legend showing the categorical values. The visualization loads world topology from the world-atlas TopoJSON dataset and joins it with TSV metadata. Built with D3 v5, it uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering SVG paths, `d3.zoom` for pan and zoom, and `d3.scaleOrdinal` with `schemeSpectral` for color mapping.

MMajaha21

84% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by their economy category, using a natural Earth projection and an ordinal spectral color scale. Hovering highlights a country in red, while a zoom interaction pans and scales the map view. It loads TopoJSON and TSV data from the world-atlas package, rendering with SVG via d3.geoPath. A custom color legend, built with d3.scaleOrdinal, displays the categorical color scale, and topojson.feature processes the geographic data.

Kkzaiets

84% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy category using a spectral color scale. The map is rendered with SVG paths generated by `d3.geoPath` and the Natural Earth projection, with country names and values shown as tooltips. The visualization includes a custom color legend built with `d3.scaleOrdinal`, and users can pan and zoom via the `d3.zoom` event handler. Data is loaded from the World Atlas TopoJSON and TSV files.

Zzenoalive

84% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes countries colored by their economy category, with a legend showing the ordinal color scale. The map uses a natural Earth projection and supports zooming and panning via d3.zoom, while hovering highlights a country in red. Data from the World Atlas TopoJSON and TSV files is loaded with d3.json and d3.tsv, processed through topojson.feature, and rendered as SVG paths using d3.geoPath. The legend is built with a custom component using D3 selections.

Lluyang93

84% match