Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Aug 28, 2019

Created on Aug 22, 2019

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale with a spectral scheme. The geographic data comes from the world-atlas TopoJSON dataset, which is processed with topojson.feature and joined to TSV metadata. A natural Earth projection renders the map via d3.geoPath, while d3.zoom enables panning and zooming. Hovering highlights countries in red, and a custom color legend displays the color scale with circles and text labels.

MMaxwell Dayvson da Silva

97% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It loads GeoJSON from TopoJSON world-atlas data and merges it with TSV metadata, then renders paths via d3.geoPath with a Natural Earth projection. Hovering highlights countries in red, while a custom color legend built with reusable D3 code displays the ordinal categories. Zoom and pan are enabled through d3.zoom, and the SVG output includes tooltips showing country names and economy values.

PPreciousone

97% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a categorical color scale and a legend showing the mapping. The visualization uses d3.geoPath with a natural Earth projection to render country boundaries, and it supports interactive zooming via a custom zoom overlay. Data is loaded from the world-atlas package, combining TopoJSON geometry with tab-separated attribute data. Hovering a country highlights it in red and displays its name and economy type in a tooltip.

NncjB

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale. Users can zoom and pan the map, and hovering over a country displays its name in a tooltip. The visualization pairs TopoJSON world geography with tabular TSV data from the World Atlas, merging them via `d3.json` and `d3.tsv`. It renders with SVG paths through `d3.geoPath` and `d3.geoNaturalEarth1`, and includes a custom color legend built with D3’s general update pattern.

NNico Donovan

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

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors each country by its economy classification using an ordinal color scale with a spectral palette. The visualization supports pan and zoom via d3.zoom, and renders geographic features with d3.geoPath and a Natural Earth projection. A custom color legend component displays the categorical scale, while data is loaded from the World Atlas TopoJSON and TSV files, with tooltips showing country names and economy values on hover.

Nnkohdatavis

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by their economy classification, using a categorical ordinal color scale. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then renders the map via d3.geoPath with a natural Earth projection. Zooming is enabled through d3.zoom, and countries highlight red on hover. A custom color legend displays the economy categories as colored circles, while the map also shows a blue sphere background. The code uses d3.scaleOrdinal with schemeSpectral ranges to assign colors.

NNitin Vadhiya

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders world geography with d3.geoPath and a Natural Earth projection, with zoom and pan via d3.zoom. A color legend built from d3.zoom and custom SVG circles and text displays the categorical levels. The data comes from a GitHub-hosted CSV joined to TopoJSON world atlas geometries using topojson.feature. Hovering highlights individual countries with a red fill.

SSarahKiyani

96% match