Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Feb 28, 2020

Created on Feb 28, 2020

This choropleth map colors countries by their economy type, using a spectral color scale to distinguish categories. Built with D3 v5, it loads world country geometries from the world-atlas TopoJSON dataset and joins them with tab-separated metadata from the same source. The map uses a natural Earth projection and renders as SVG paths, with a color legend generated via a custom `colorLegend` function. Each country path includes a tooltip showing its name and economy value, while hovering highlights the country in red.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economy type, using a spectral color scale with an interactive legend. Built with d3 v5 and the topojson library, it renders natural earth projection paths as SVG elements. The map displays data from the world-atlas package, with country names and economy values shown on hover. A zoom feature allows user interaction, while the legend uses a custom colorLegend component to map ordinal categories to colors.

RRobyn Parker

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi

94% match

Loading thumbnail…

Choropleth map

This choropleth map colors world countries by their economy type using a spectral color scale. Hovering a country highlights it in red and reveals its name and economy through an SVG title tooltip. The map is rendered with D3’s `geoPath` and a Natural Earth projection, with data loaded via TopoJSON and TSV files from the world-atlas dataset. A custom `colorLegend` displays the categorical color scale.

AAsperge-Atomique

94% 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

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a color legend and tooltips showing each country’s name and category. The visualization uses a natural Earth projection rendered as SVG paths via d3.geoPath, while TopoJSON and TSV data from the world-atlas package are loaded asynchronously. Users can pan and zoom the map using d3.zoom, and hovering highlights individual countries in red. The color scale uses d3.scaleOrdinal with a spectral scheme, and an interactive legend is built from custom d3 selections.

BBrandon Lehr

94% match

Loading thumbnail…

Choropleth map

This choropleth map colors world countries by economy type using a spectral color scale, with a hover effect highlighting individual countries and a legend showing the ordinal categories. It renders GeoJSON country outlines as SVG paths via d3.geoPath with a Natural Earth projection, and loads country boundaries from the world-atlas TopoJSON dataset. The map supports zoom and pan through d3.zoom, and the color legend is built with a custom reusable component in d3.

SSagar Malviya

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale. The visualization is built with d3.geoPath and d3.geoNaturalEarth1 to project geographic data from the World Atlas TopoJSON, while a custom color legend displays the ordinal scale. The map supports zooming via d3.zoom and shows country names and values as tooltips.

MMatthiasVanCampen

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries according to their economy group, using a spectral color scale to differentiate categories. It renders geographic boundaries with d3.geoNaturalEarth1 and d3.geoPath, and includes an interactive color legend built with custom SVG components. Users can pan and zoom the map via d3.zoom, while tooltips reveal country names and economy values. The visualization loads TopoJSON data from the world-atlas package and joins it with TSV metadata to assign colors, with hover states highlighted in red.

JJynadal

93% match