Skip to main content
SimilarExport ZIP
100%

Chloropleth Map

✓ Published1🌍 Public
TThomas Seberechts
Last edited Jun 7, 2020
Created on Jun 7, 2020

This choropleth map visualizes global income groups by country, using a spectral color scale to differentiate categories. Built with D3 version 5, the map employs `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render country boundaries from TopoJSON data, with attributes joined from a TSV file. The visualization supports zoom interactions via `d3.zoom`, displays hover tooltips with country names and income groups, and includes a custom color legend rendered from SVG circles and text.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Chloropleth Map

A choropleth map colors countries by income group using an ordinal color scale with a spectral scheme. The visualization renders world geography with d3.geoPath and a Natural Earth projection, and supports pan and zoom via d3.zoom. Country names and income groups appear as tooltips, while a custom colorLegend component displays the category labels with colored circles. Data is loaded from TopoJSON and TSV files processed with topojson.feature and d3.tsv.

Ccornshoots
95% match
Loading thumbnail…

Choropleth Map

This choropleth map depicts global income groups, coloring countries according to their income classification. Built with D3 v5 and TopoJSON, it loads world map data and country metadata, then projects it using a natural Earth projection with `d3.geoPath`. A color legend uses `scaleOrdinal` and `schemeSpectral` to map income groups to colors. The visualization supports zooming via `d3.zoom` and shows interactive hover states that display country names and income levels.

Cceresfin
93% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global income groups by coloring each country according to its income_grp property. The map uses a natural Earth projection and fills countries with colors from a spectral ordinal scale, with a background legend showing the color categories. Built with D3 v5, the code loads world geometry from TopoJSON and income data from TSV files, then renders the map as SVG paths with zoom support via d3.zoom. The color legend is implemented as a reusable component, and hovering highlights individual countries.

Aanuj1450
93% match
Loading thumbnail…

Chloropleth Map

This interactive chloropleth map displays world countries colored by income group, with a legend showing the categorical color scale. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render geographic boundaries from TopoJSON world data loaded via topojson.feature, while country names and income values come from a TSV file merged by ISO code. Users can pan and zoom using d3.zoom, and hovering highlights countries in red via CSS. The ordinal color scale employs d3.scaleOrdinal with the d3.schemeSpectral palette, and a custom colorLegend component renders circles and text labels.

VVishwa246
93% match
Loading thumbnail…

Choropleth Map

This choropleth map displays global income groups using a color scale applied to each country’s territory. The visualization employs d3.geoPath with a natural Earth projection to render the GeoJSON features, while d3.scaleOrdinal and schemeSpectral map income categories to colors. A custom color legend, built with select and merge, appears on the left. The map supports zooming via d3.zoom, and hovering highlights countries in red. Data comes from the world-atlas TopoJSON and TSV files, processed with topojson.feature.

PPiotr Paszek
93% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global income groups by coloring countries with a spectral color scale. It uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render the world map from TopoJSON data loaded via `world-atlas`. The map supports zooming through d3’s zoom behavior, and an accompanying legend built with `colorLegend` displays the ordinal scale values. Country data is joined from a TSV file, and hovering highlights each nation while a tooltip title shows its name and income group.

Ssteveaigbe
92% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a natural Earth projection, with a categorical color scale and a clickable legend of colored circles. The map supports zooming and panning via d3.zoom, and country tooltips display name and income group. Built with D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from TopoJSON data loaded from world-atlas, while the legend is implemented as a custom reusable component.

TToooooooT
92% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by income group using an ordinal color scale with a spectral scheme. The visualization supports pan and zoom interactions through d3.zoom, while d3.geoPath and a Natural Earth projection render the geographic shapes. A custom color legend component displays the categorical colors with labeled circles. Country names and income groups appear as tooltips via SVG title elements, with data loaded from the world-atlas TopoJSON and TSV files.

Aanouckstbr@gmail.com
92% match