Skip to main content
SimilarExport ZIP
100%

Chloropeth Map

✓ Published1🌍 Public
Xxsg13
Last edited Jan 3, 2021
Created on Jan 3, 2021

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.

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
94% 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…

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
93% match
Loading thumbnail…

Chorpleth Map

This choropleth map colors countries by income group using an ordinal color scale with a spectral scheme. The visualization loads world geometry from TopoJSON and joins it with TSV metadata, then renders the map with a natural Earth projection via d3.geoPath. Users can pan and zoom through d3.zoom, while a custom color legend built with SVG circles and text shows the categorical mapping. Hovering over a country highlights it in red and reveals its name and income group in a tooltip.

MMinwoo Pak
92% 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
92% 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
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
91% match
Loading thumbnail…

Chloropeth Map

A choropleth map colors countries by economy using a D3 v5 ordinal color scale with a spectral scheme. The visualization uses the `d3.geoPath` and `d3.geoNaturalEarth1` projection to render geographic boundaries from TopoJSON world-atlas data, with a legend built via a custom `colorLegend` function. Hovering highlights a country in pink, and a zoom interaction is implemented with `d3.zoom`. The map is rendered as SVG with a dark blue ocean background.

MMuhammad Jarir Kanji
91% match