Skip to main content
SimilarExport ZIP
100%

Chorpleth Map

✓ Published0🌍 Public
FFhouston17
Last edited Jun 29, 2020
Created on Jun 29, 2020
Forked from Interactive Map

This choropleth map colors countries by income group using an ordinal color scale from the `d3.scaleOrdinal` and `d3.schemeSpectral` APIs. It projects the world with `d3.geoNaturalEarth1` and `d3.geoPath`, drawing each country as an SVG path. The map is interactive, supporting zoom and pan via the `d3.zoom` event handler, and includes a custom legend generated with `colourLegend`. Data combines TopoJSON country boundaries with TSV attributes from the World Atlas dataset.

AI-generated description
MIT Licensed

Similar vizzes

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

Choropleth Map

This choropleth map colors countries according to their income group, using a spectral color scale with a clickable legend that displays the categorical values. The map is rendered with SVG paths generated by `d3.geoPath` and a `geoNaturalEarth1` projection, with zooming enabled via `d3.zoom`. Geographic data comes from the World Atlas TopoJSON, joined with country names from a TSV file. The color legend is built with `scaleOrdinal` and custom `colorLegend` functions.

JJordan Chiu
93% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their income group, using a spectral color scale with a clickable legend that displays the categorical values. The map is rendered with SVG paths generated by `d3.geoPath` and a `geoNaturalEarth1` projection, with zooming enabled via `d3.zoom`. Geographic data comes from the World Atlas TopoJSON, joined with country names from a TSV file. The color legend is built with `scaleOrdinal` and custom `colorLegend` functions.

JJordan Chiu
93% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by income group, using a spectral color scale with a legend showing the categorical ranges. It renders country boundaries as SVG paths via the `d3.geoPath` and `d3.geoNaturalEarth1` projections, with a zoom interaction applied through `d3.zoom`. Data comes from the `world-atlas` TopoJSON and TSV files, processed with `topojson.feature` to merge attributes. Hovering highlights a country in red and displays its name and income group in a tooltip.

HHe Jianfeng
92% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by income group using an ordinal color scale with a spectral scheme, drawing each nation with `d3.geoPath` and a Natural Earth projection. The visualization supports zooming via `d3.zoom` and includes a custom color legend rendered with SVG circles and text. Country names and income data come from TopoJSON and TSV files loaded from the world-atlas package. Hovering over a country reveals its name and income group in a tooltip.

MMabelbao
92% match
Loading thumbnail…

Choropleth map

This choropleth map colors world countries by income group using a spectral ordinal scale, with a hover effect that highlights individual country borders and a legend showing the color categories. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render TopoJSON world-atlas data, while d3.zoom enables panning and interactive exploration. Color encoding and the legend are built with d3.scaleOrdinal and d3.schemeSpectral, with data loaded via d3.tsv and d3.json.

JJames Malvern
92% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by income group using a sequential color scale from `d3.scaleOrdinal` and `d3.schemeSpectral`. The visualization renders with `d3.geoPath` and a natural Earth projection, drawing geographic features from TopoJSON data loaded via `d3.json` and `d3.tsv`. Pan and zoom are enabled through `d3.zoom`, and a custom legend component built with SVG elements displays the color scale. Hovering highlights individual countries, while tooltips show country names and income group values.

Bbprokopowicz
92% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using an ordinal color scale built with `d3.scaleOrdinal` and `schemeSpectral`. It renders geographic boundaries with `d3.geoPath` and a Natural Earth projection, with country data sourced from the world-atlas TopoJSON dataset. Users can pan and zoom via `d3.zoom`, and hovering highlights individual countries. A custom `colorLegend` component displays the categorical color scale as an SVG legend, while tooltips show each country’s name and income group.

VVamsiYandapalli
92% match