Skip to main content
SimilarExport ZIP
100%

Chloropleth Map

✓ Published1🌍 Public
AAdrian Tan
Last edited Mar 28, 2020
Created on Mar 28, 2020

This choropleth map displays countries colored by economic classification, with a color legend positioned in the lower-left corner and hover interactions that highlight individual nations. The visualization uses D3 v5 with d3.geoNaturalEarth1 for projection and d3.geoPath for rendering geographic features, while d3.zoom enables pan and zoom functionality. TopoJSON and TSV data from the world-atlas package populate the map, with d3.scaleOrdinal mapping economy categories to a spectral color scheme. SVG elements render all visuals, and the legend uses custom D3 scales and tick marks for clarity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

chloropleth map

This choropleth map colors countries according to economic data, with a color legend and hover highlighting. The visualization uses D3 v5 with `d3.geoPath` and `d3.geoNaturalEarth1` for geographic projection, while loading world data from the world-atlas TopoJSON and TSV files. The color scale uses `d3.scaleOrdinal` with the Spectral scheme to map economic classifications. Users can pan and zoom via `d3.zoom`, and country names appear as tooltips on hover.

Aaidanoconnor1
95% match
Loading thumbnail…

Chloropleth Map

This choropleth map visualizes global economic classifications by coloring each country according to its economy type, with a color legend to the side. Built with D3 v5, it uses `d3.geoPath` with the Natural Earth projection to render country boundaries from TopoJSON data loaded from the world-atlas package. An ordinal color scale maps economic categories to the spectral scheme, while zoom interaction and hover highlighting are implemented via `d3.zoom` and CSS. The legend is generated as a reusable SVG component through custom functions.

Ffbudwill
94% match
Loading thumbnail…

Chloropleth Map - Color

This choropleth map colors countries by their economic classification using a categorical color scale. The visualization uses D3 v5’s `geoPath` and `geoNaturalEarth1` projections to render world map topology, with an ordinal color legend showing the economy categories. Country data comes from the world-atlas TopoJSON and TSV files. Hovering highlights countries in red, while the legend uses D3’s `scaleOrdinal` and `schemeSpectral` for distinct color assignments.

LLeora Wenger
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…

Chloropleth Map Interactive

A choropleth map shows world countries colored by economy type, with a legend that filters and highlights selected categories. The visualization supports zooming and panning, and dims non-selected countries while emphasizing those matching the chosen economy. It uses d3.geoPath with the geoNaturalEarth1 projection to render the map, and d3.scaleOrdinal with schemeSpectral for coloring. Country data comes from world-atlas TopoJSON and TSV files, with hover effects and a clickable color legend for interaction.

MMaxwell Dayvson da Silva
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

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

Choropleth Map

This choropleth map colors countries by economic group using a spectral color scale, with hover effects that highlight individual nations. The visualization uses D3.js (v5) to load world map data from TopoJSON and TSV files, projecting geographic coordinates with d3.geoNaturalEarth1 and rendering paths via d3.geoPath. A custom color legend with circles and text labels is built using D3 selections, while zooming is enabled through d3.zoom. The map data comes from the world-atlas package, and SVG is used for all rendering.

FFerrandiaz92
93% match