Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
AAbishek-Dulal
Last edited Jul 20, 2020
Created on Jul 20, 2020
Forked from Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale based on `d3.scaleOrdinal` and `d3.schemeSpectral`. The visualization also includes an interactive color legend, built with reusable D3 components, that allows users to filter countries by clicking on a category. Geographic boundaries are rendered as SVG paths using `d3.geoPath` with a natural Earth projection, while the data comes from the World Atlas TopoJSON and TSV datasets. Zooming is enabled through `d3.zoom`, and hovering highlights individual countries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using a sequential ordinal color scale, with an interactive color legend and hover effects that highlight individual nations. The visualization loads world geometry from a TopoJSON file and joins it with tabular TSV data containing country identifiers and economic attributes. Built with D3 v5, it employs `d3.geoPath` with a natural Earth projection, `d3.scaleOrdinal` for color mapping, and `d3.zoom` for panning and zooming. The SVG rendering includes a custom legend component that updates based on the color scale’s domain.

ZZakaria
94% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, using a sequential spectral color scale to distinguish categories. The visualization renders geographic boundaries with `d3.geoPath`, projecting the world using the Natural Earth projection and enabling zoom and pan through `d3.zoom`. The code loads world topology from TopoJSON and joins it with TSV metadata via `d3.tsv`, while a custom color legend component displays the categorical scale. Hovering highlights individual countries in red, and the map includes data from the world-atlas dataset.

Vvitoriss12
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

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
94% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category, using a spectral ordinal color scale and a legend rendered as circles and text. It displays world geography with a natural Earth projection and supports zooming via d3.zoom. The map is built with d3.geoPath and topojson, loading country boundaries from the world-atlas dataset and merging in economic classification data from a CSV file. Hovering highlights individual countries, while the legend updates dynamically based on the data’s domain.

Zzikitamar9
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using an ordinal color scale derived from the World Atlas TopoJSON dataset, which is joined with tab-separated metadata. The visualization uses d3.geoPath with a Natural Earth projection and supports zooming via d3.zoom. A custom color legend, built with SVG circles and text, displays the color scale categories. Countries are interactive, showing their name and economy group in a tooltip on hover, with a red highlight effect.

Mmihir2709
93% match