Choropleth Map

Choropleth Map

A choropleth map colors countries by economic category using an ordinal color scale with a spectral palette. The visualization loads world geometry and country metadata from the world-atlas TopoJSON and TSV files, rendering paths with `d3.geoPath` and a Natural Earth projection. Users can pan and zoom via `d3.zoom`, while a custom legend built with D3 selections displays color categories as circles and text. Hovering highlights a country in red, and tooltips show each nation's name and economy type.

MMajaha21

Choropleth Map

A choropleth map colors countries by their economic classification using an ordinal color scale with a spectral scheme. The visualization loads world geometry from TopoJSON and country metadata from TSV, joining them by ISO numeric codes, and renders with D3’s `geoNaturalEarth1` projection and `geoPath`. A custom `colorLegend` displays the scale, while zooming and panning are enabled via `d3.zoom`. Hovering highlights countries, and tooltips reveal name and economy class.

Vvaynexie

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral palette. The visualization includes a custom SVG color legend showing category colors and labels. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for rendering, and applies zoom interactions. The map loads TopoJSON data from world-atlas and joins it with TSV metadata to assign country properties. Hovering highlights individual countries in red.

MManoukK

Choropleth Map

A choropleth map colors each country by its economy classification using an ordinal color scale with a spectral palette. The visualization supports pan and zoom via d3.zoom, and renders geographic features with d3.geoPath and a Natural Earth projection. A custom color legend component displays the categorical scale, while data is loaded from the World Atlas TopoJSON and TSV files, with tooltips showing country names and economy values on hover.

Nnkohdatavis

Choropleth Map

This choropleth map colors countries by their economic classification using a categorical ordinal color scale from `d3.scaleOrdinal` with the `schemeSpectral` palette. It renders world geography with `d3.geoPath` and a Natural Earth projection, loading TopoJSON country boundaries and TSV metadata from the world-atlas package. A custom color legend built with D3 selections appears alongside the map, while `d3.zoom` enables panning and zooming. The visualization uses SVG elements and includes hover effects that highlight individual countries.

CChenluWang96

Choropleth Map

A choropleth map colors countries by economic classification, with an ordinal color scale and a legend showing each category. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the projection, `topojson` to load world geometry from the world-atlas dataset, and `schemeSpectral` for the color range. The map supports zooming via `d3.zoom`, while hover effects highlight individual countries.

HHasideluxe

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale. Users can zoom and pan the map, and hovering over a country displays its name in a tooltip. The visualization pairs TopoJSON world geography with tabular TSV data from the World Atlas, merging them via `d3.json` and `d3.tsv`. It renders with SVG paths through `d3.geoPath` and `d3.geoNaturalEarth1`, and includes a custom color legend built with D3’s general update pattern.

NNico Donovan

Choropleth Map

A choropleth map colors countries by their economy classification using an ordinal color scale with a spectral scheme. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, projecting it with d3.geoNaturalEarth1 and rendering paths via d3.geoPath. Hovering highlights a country in red, while a custom color legend component displays the categorical ranges. Zooming is enabled through d3.zoom, and the map includes a static sphere background.

LLuce Liu