Choropleth Map

100%

Choropleth Map

✓ Published1🌍 Public

Last edited Aug 20, 2020

Created on Aug 19, 2020

This choropleth map colors world countries by economic category using a sequential spectral color scale. The visualization, rendered as SVG with D3 v5, uses `d3.geoEqualEarth` projection and `d3.geoPath` to draw country boundaries from TopoJSON data sourced from the World Atlas. Users can pan and zoom via `d3.zoom`, while a legend built with custom D3 selections displays the color scale. Hovering highlights individual countries in red, and tooltips show country name and economic value.

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

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic grouping, using a spectral color scale to distinguish categories. Built with D3 v5, it renders geographic boundaries as SVG paths via the `geoPath` projection. The visualization includes an interactive color legend generated with a custom `colorLegend` module, and supports zooming through D3's `zoom` event. Data merges TopoJSON country shapes with a TSV containing economy classifications from the world-atlas package.

MMyCode

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. The visualization renders world geography as SVG paths projected with the Natural Earth projection, with zoom and pan interactions enabled through d3.zoom. Data loads from the World Atlas TopoJSON and TSV files, which are joined by ISO country codes to populate map features. Hovering highlights individual countries in maroon, while tooltip titles display each country’s name and economy type.

NNikhil Prakash

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic classification using a categorical ordinal scale with a spectral color scheme. Users can zoom and pan the natural Earth projection, while a custom color legend displays the category colors and labels. The visualization loads geographic and metadata from the world-atlas TopoJSON and TSV files, rendering paths via d3.geoPath and enabling interaction through d3.zoom. Hovering highlights individual countries, and the legend is built with reusable d3 selections.

Jjesramyep1263

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme, and displays a color legend with clickable circles. It renders geographic boundaries with antialiased SVG paths via `d3.geoPath` and the Natural Earth projection, while loading data from the world-atlas package (TSV metadata and TopoJSON geometries) and processing it with `topojson.feature`. Hovering highlights a country in red, and the map supports zooming through the `d3.zoom` interaction.

Ffaaty

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category using a sequential spectral color scale. It renders world geography as SVG paths via the `d3.geoPath` and `d3.geoNaturalEarth1` projection, with zoom support through `d3.zoom`. Country names and values appear as tooltips, and a custom `colorLegend` component displays the ordinal scale. The data is loaded from a TopoJSON world atlas and a TSV mapping country IDs to metadata. Hovering highlights countries in red.

BBahareh Zarei

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic classification using a categorical color scale. The visualization renders geographic boundaries with SVG paths projected via `d3.geoNaturalEarth1` and `d3.geoPath`, with interactive zoom support through `d3.zoom`. A custom `colorLegend` component displays the ordinal scale’s categories as colored circles with labels. Data loads from the World Atlas TopoJSON and TSV files, with country names and economy values shown in tooltips on hover. The map uses `d3.scaleOrdinal` with `schemeSpectral` to assign distinct fills to each economic group.

MMunTatt Yap

93% match