Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Nov 29, 2020

Created on Nov 29, 2020

This choropleth map visualizes a socioeconomic metric across countries, using a spectral color scale to encode each nation's value from the provided CSV dataset. The map employs D3's `geoPath` and `geoNaturalEarth1` projection to render world country boundaries from the world-atlas TopoJSON, with a custom `colorLegend` showing the scale. Hovering highlights a country in red, and the visualization supports zooming via `d3.zoom`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

91% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification, with a color legend showing ordinal categories from the Spectral scheme. The visualization loads world geometry from TopoJSON and joins it with tabular data from a TSV file. Using d3.geoPath with a geoNaturalEarth1 projection, it renders SVG paths that support zooming via d3.zoom. Hovering highlights individual countries, while a custom colorLegend component displays the color scale with circles and text labels.

Ccaydener

91% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification using an ordinal color scale with the `schemeSpectral` palette. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world geography, with data loaded from the World Atlas TopoJSON and TSV files via `d3.json` and `d3.tsv`. A custom color legend displays the scale, and zooming is enabled through `d3.zoom`. Hovering highlights a country by turning it red.

CChip

91% match

Loading thumbnail…

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

91% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher

91% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification using a spectral color scale, with hover highlighting and zoom/pan enabled via d3.zoom. The visualization loads world geometry from TopoJSON and joins it with tab-separated country metadata from the world-atlas dataset. It renders geographic paths with d3.geoPath and a Natural Earth projection, while a custom color legend displays ordinal color domains using SVG circles and text.

NNilla

91% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare

91% match

Loading thumbnail…

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

90% match