Choropleth Map

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale derived from d3.schemeSpectral. The visualization applies the d3.geoNaturalEarth1 projection and renders GeoJSON paths via d3.geoPath, with topology loaded from a world-atlas TopoJSON file and country names merged from a TSV lookup. Hovering highlights individual countries in coral, and d3.zoom enables interactive panning and scaling. A custom color legend displays the seven economy categories with labeled circles.

MMichał Szumnarski

Choropleth Map

MMichał Szumnarski

Choropleth Map

MMichał Szumnarski

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale applied via `d3.scaleOrdinal` and `d3.schemeSpectral`. The map renders with `d3.geoPath` and a Natural Earth projection, drawing country boundaries from TopoJSON data loaded from the World Atlas. Hovering highlights a country in red, and a custom color legend built with reusable D3 code shows the category colors. The visualization supports zoom and pan through `d3.zoom`, with all elements rendered as SVG.

NNkwachi Abel

Choropleth Map

A choropleth map colors countries by their economy type, using a spectral color scale assigned through d3.scaleOrdinal. The map is drawn with d3.geoPath and the Natural Earth projection, while data is loaded asynchronously from World Atlas TSV and TopoJSON files. Hovering highlights countries in red, and a custom legend displays the color categories. The visualization supports zooming via d3.zoom, with zoom state handled through event transforms.

KKarkG

Choropleth Map

This choropleth map colors countries by their economy grouping, using a spectral color scale assigned through D3's `scaleOrdinal` and `schemeSpectral`. The code projects geographic features with `geoNaturalEarth1` and `geoPath` onto an SVG, overlaying a white legend built by a custom `colorLegend` component. Hovering highlights a country in red via CSS. Data comes from the `world-atlas` package, merging TopoJSON shapes with TSV metadata. Zoom interactions are handled through D3's `zoom` event, transforming the map group.

YYoung Song

Choropleth Graph

A choropleth map of world countries, colored by economic classification using an ordinal color scale from `d3.scaleOrdinal` and `schemeSpectral`. Hovering highlights a country and reveals a tooltip with its name and economy type. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` for rendering, with zoom support via `d3.zoom`. Data comes from World Atlas TopoJSON and TSV files; a custom color legend shows the ordinal categories.

ZZ-Richard

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale derived from `d3.scaleOrdinal` and `schemeSpectral`. The map renders with `d3.geoNaturalEarth1` projection and `d3.geoPath`, while country geometries and names come from TopoJSON and TSV data loaded via `Promise.all`. A semi-transparent legend built from `d3.scaleOrdinal` domains shows color categories, and `d3.zoom` enables panning and zooming over the SVG. Hovering highlights individual countries in red.

Ccpsshan