Skip to main content
SimilarExport ZIP
100%

Choropleth map

✓ Published0🌍 Public
RRiccardo Pressiani
Last edited Oct 10, 2019
Created on Oct 10, 2019

A choropleth map colors world countries by economy type, with a color legend and hover highlight. It renders GeoJSON country paths using `d3.geoPath` with a `geoNaturalEarth1` projection, and supports pan and zoom via `d3.zoom`. Data comes from TopoJSON world-atlas files and CSV metadata joined by ISO code; `scaleOrdinal` assigns categorical colors from `schemeSpectral`, and the legend is built with D3 selections.

AI-generated description
MIT Licensed

Similar vizzes

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
95% match
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

A choropleth map colors countries according to their economy type, with a custom ordinal color legend and hover interactions that highlight each nation. The visualization renders an SVG world map using a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, while supporting pan and zoom through `d3.zoom`. Data comes from the World Atlas TopoJSON and TSV datasets, processed with `topojson.feature` and loaded asynchronously. The color scale uses `d3.scaleOrdinal` with `d3.schemeSpectral`, and the legend is built with custom D3 enter/merge/exit selections.

Yyejichun@naver.com
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 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
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using a categorical color scale. The map is rendered as SVG with geographic paths projected via `d3.geoNaturalEarth1` and encoded with `d3.geoPath`, while panning and zooming are handled by `d3.zoom`. A legend, built with custom code, displays color-coded circles in `d3.scaleOrdinal`’s `schemeSpectral` range. Data comes from World Atlas TopoJSON and TSV files, loaded with `d3.json` and `d3.tsv`, and each country shows its name and value on hover via a `<title>` element.

Eedmond gihozo
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale derived from world-atlas data. The visualization renders geographic boundaries with `d3.geoPath` and a natural Earth projection, while a custom color legend explains the categorical mapping. Pan and zoom interactions are enabled via `d3.zoom`, and hover effects highlight individual countries. The map uses TopoJSON for country outlines and TSV metadata for economy labels.

YYF
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic grouping, with a legend of colored circles and a natural Earth projection. It uses d3.geoPath, d3.geoNaturalEarth1, d3.scaleOrdinal with schemeSpectral, and d3.zoom for panning. The code loads world atlas TopoJSON and TSV data via topojson.feature, rendering country paths as SVG with hover highlighting.

Ggorfoula
94% match