Skip to main content
SimilarExport ZIP
100%

Poverty vs Wealth in the World

✓ Published1🌍 Public
JJacob van Lingen
Last edited May 19, 2020
Created on May 18, 2020
Forked from World map

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

Ppvreswar7@gmail.com
90% match
Loading thumbnail…

world map

This example shows a choropleth world map colored by each country's economy classification, with a clickable color legend that filters and highlights matching countries while dimming others. The map uses d3.geoNaturalEarth1 and d3.geoPath to render TopoJSON world-atlas data, with d3.zoom enabling pan and zoom interactions. A d3.scaleOrdinal maps the spectral color scheme to the economy categories, and tooltips display country names and values. The SVG rendering includes CSS hover effects and opacity transitions for non-selected regions.

Zzhangfa
79% match
Loading thumbnail…

world map

A choropleth map of world countries colored by economy category, with an interactive legend that filters the map when clicking a category. Hovering a country displays its name and value via a tooltip. The visualization uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath for rendering, and d3.zoom for pan and zoom. Data comes from the world-atlas TopoJSON and TSV files, processed with topojson.feature and d3.tsv.

BBajiSharifPatan@my.unt.edu
79% match
Loading thumbnail…

world map with colors

This interactive choropleth map colors each country by its economy category, using a spectral color scale and click-to-highlight interaction to compare regions. Built with D3 v5, it renders country outlines via `d3.geoPath` with a Natural Earth projection, loads TopoJSON country boundaries from the World Atlas, and joins economic classifications from a TSV file. A zoom behavior enables panning and scaling, while an ordinal color legend supports filtering by clicking a category to fade unmatched countries.

BBajiSharifPatan@my.unt.edu
79% match
Loading thumbnail…

World Countries

This choropleth map of world countries displays two categorical variables—economy and income group—selected via dropdown menus. Users can hover over the color legend to highlight countries matching a specific category, dimming others. Built with d3.v5, the map uses d3.geoNaturalEarth1 projection and d3.geoPath for rendering SVG paths, with d3.zoom for panning and zooming. Color scales from d3.schemePastel2 among others are selectable. Data is loaded from the World Atlas TopoJSON and TSV files.

Aala-wahibi
78% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map shows global economies by income group, with a color legend that filters countries by category. The map renders world geography using d3.geoPath with a Natural Earth projection, while a d3.scaleOrdinal with a spectral scheme assigns colors. Clicking a legend entry dims non-matching countries and highlights the selected group, using D3 v5’s zoom behavior for panning. The visualization loads TopoJSON and TSV data from the World Atlas package and draws everything as SVG.

RRenato Francia Castillo
78% match
Loading thumbnail…

World

A choropleth map of world countries, colored by their economic classification using an ordinal red color scale. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with zoom and pan enabled through `d3.zoom`. Country boundaries come from the world-atlas TopoJSON dataset, with economy data joined from a TSV file. An interactive legend built with `scaleOrdinal` allows filtering by clicking on economy categories, highlighting selected countries while dimming others.

Rrigt
78% match
Loading thumbnail…

Income level classifications

This interactive choropleth map visualizes World Bank income level classifications for countries, using a purple color scale to show GDP-based categories such as low, lower-middle, upper-middle, and high income. Built with D3 v5 and topojson, it loads geographic and tabular data from `world-atlas`, projects countries with `geoNaturalEarth1` and `geoPath`, and applies a custom legend component. Hovering highlights individual countries, while the legend displays the income categories and their corresponding colors. The map provides a global view of wealth distribution, contrasting with the donut charts from the original article.

王王神鐸
78% match