Skip to main content
SimilarExport ZIP
100%

Chloropleth Map

✓ Published2🌍 Public
Ccornshoots
Last edited Mar 17, 2021
Created on Mar 17, 2021
Forked from Interactive 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Chloropleth Map-1

A choropleth map colors countries by their income group using an ordinal color scale with the d3-scaleChromatic scheme. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while pan and zoom are enabled via d3.zoom. A custom SVG legend displays the color scale using circle marks and text labels. Data comes from the World Atlas TopoJSON and TSV files, loaded and joined using d3.json, d3.tsv, and topojson.feature.

Jjblaskovich
96% 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
95% match
Loading thumbnail…

Chloropleth Map

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.

TThomas Seberechts
95% match
Loading thumbnail…

Choropleth map

A choropleth map colors world countries by income group using an ordinal color scale with a spectral scheme. The visualization renders geographic boundaries via TopoJSON data and the d3.geoPath projection, with a legend displaying color categories. Interactive zooming is enabled through d3.zoom, and hovering highlights individual countries. Data comes from the world-atlas and visionscarto-world-atlas packages.

Jjrodg
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using an ordinal color scale with the spectral scheme. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, using TopoJSON data from the world-atlas package. Hovering highlights countries in red, while a legend built with custom D3 code displays the color categories. The map supports zooming and panning through d3.zoom, and tooltips show each country’s name and income group.

CClara Hu
94% match
Loading thumbnail…

Chloropeth Map

This choropleth map colors countries by income group using an ordinal color scale derived from d3.scaleOrdinal and the d3.schemeSpectral palette. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, with hover highlighting via CSS. The visualization includes an interactive color legend built with custom SVG code, and supports zooming through d3.zoom. Data combines TopoJSON world geometry with TSV metadata from the world-atlas package, and country names and income values appear in tooltips via SVG title elements.

Xxsg13
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic income group using an ordinal color scale. The visualization uses D3 v5 with d3.geoPath and a Natural Earth projection to render TopoJSON world data loaded from the world-atlas package. Users can zoom and pan via d3.zoom, and hovering highlights individual countries. A custom color legend component displays the category colors and labels, with interactivity handled through SVG selections.

VVivian Peng
94% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by income group using a natural Earth projection. It loads world geometry from TopoJSON and joins it with TSV metadata via d3.json and d3.tsv, then renders paths with d3.geoPath. A d3.scaleOrdinal with a schemeSpectral range assigns colors, and an interactive legend built with d3-selection shows the categorical scale. The map supports zooming through d3.zoom and highlights countries on hover via CSS.

Ooptimizeresume
93% match