Choropleth Map

Choropleth Map

This choropleth map colors countries by their income group using a categorical color scale based on d3.scaleOrdinal and d3.schemeSpectral. It renders geographic boundaries with d3.geoPath and a natural Earth projection, loading TopoJSON and TSV data from the world-atlas package. The visualization includes an interactive color legend built with reusable D3 code, supports zooming via d3.zoom, and highlights countries on hover with a red fill.

RRupal Gupta

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

Choropleth Map

This choropleth map colors countries by income group using a diverging red-blue ordinal scale, with a zoomable Natural Earth projection and a color legend built from custom SVG circles. The visualization loads world country boundaries from TopoJSON and joins them to TSV metadata, then renders each nation as a styled SVG path with hover highlighting. It uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with the schemeRdBu palette, while the legend is implemented as a reusable module.

AAdrian Tan

Choropleth Map

This choropleth map colors countries by income group using a red-blue ordinal color scale, with a zoomable Natural Earth projection rendered as SVG paths. It loads world country boundaries from the World Atlas TopoJSON dataset and joins them to TSV metadata by ISO country code. The map includes an interactive color legend built with custom D3 selections, and uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with schemeRdBu. Hovering highlights individual countries, and a title tooltip shows each country’s name and income group.

AAdrian Tan

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

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

Choropleth Map

A choropleth map colors countries by their income group using a categorical ordinal color scale, with hover effects highlighting individual nations. Built with D3 v5, it renders geographic boundaries as SVG paths via `d3.geoPath` and `geoNaturalEarth1`, and loads world geometry from the world-atlas TopoJSON dataset. A custom color legend displays the categories, while zooming is enabled through `d3.zoom`. Data is processed asynchronously with Promises, merging TSV metadata with TopoJSON features.

Ss-janibekova

Choropleth Map

Ss-janibekova