Skip to main content
SimilarExport ZIP
100%

Chloropleth map world countries

✓ Published2🌍 Public
NNita
Last edited Dec 1, 2020
Created on Dec 1, 2020

This choropleth map visualizes world countries, with each country’s color determined by its `iso_n3` identifier using a categorical color scale. The map is rendered as SVG paths generated from a Natural Earth GeoJSON dataset via `d3.geoPath` and `d3.geoNaturalEarth1`, with a sphere background. Tooltips display country names and economy data from a TSV file, and hovering turns a country white.

AI-generated description

Chloropleth map for the development of countries.

MIT Licensed

Similar vizzes

Loading thumbnail…

Chloropleth Map

This choropleth map visualizes world countries with a natural Earth projection, coloring each nation light green and highlighting it red on hover. The visualization loads geographic data from the world-atlas TopoJSON and tab-separated country names, merging them by ID before rendering. Using D3 v5’s `geoNaturalEarth1` projection and `geoPath` generator, it draws SVG paths for each country, while TopoJSON’s `feature` API converts the topology into GeoJSON. A semi-transparent black stroke outlines national borders, and a blue sphere background represents the globe. Tooltips display country names via appended `title` elements.

LLuce Liu
87% match
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
85% match
Loading thumbnail…

Choropleth Map

This choropleth map displays world countries colored in light green against a blue globe, with red highlighting on hover. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and renders geographic features with `d3.geoPath`. Country boundaries and identifiers come from the World Atlas TopoJSON dataset, while country names are joined from a TSV file. Interactive tooltips show each country’s name through appended SVG `<title>` elements, and the map supports zooming via D3’s zoom behavior.

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

Choropleth Map

This choropleth map visualizes world countries using a natural Earth projection, with each country filled in light green and outlined in black. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, using `d3.geoPath` and `geoNaturalEarth1` to project and render country boundaries. Countries are colored by their assigned fill, and hovering over a country turns it red, while a tooltip displays the country name. The map includes a blue sphere background and supports zoom interactions through D3’s zoom behavior.

Yylzami40
85% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. The visualization renders world geography as SVG paths projected with the Natural Earth projection, with zoom and pan interactions enabled through d3.zoom. Data loads from the World Atlas TopoJSON and TSV files, which are joined by ISO country codes to populate map features. Hovering highlights individual countries in maroon, while tooltip titles display each country’s name and economy type.

NNikhil Prakash
85% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the world's countries, colored according to their economic classification. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render the geographic shapes, with an ordinal color scale based on a spectral scheme to represent the data. Country data comes from the world-atlas dataset, which merges TopoJSON geometry with TSV metadata. Interactive features include zooming via `zoom()` and a color legend built with `scaleOrdinal` and SVG elements. Hovering over a country highlights it in red and displays a tooltip with its name and economic group.

AAndreas Loew
85% 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
85% match