Skip to main content
SimilarExport ZIP
100%

Choropleth - Dry Run

✓ Published1🌍 Public
Ssrrajendran
Last edited Oct 25, 2018
Created on Oct 18, 2018

This visualization shows a choropleth map of world countries colored by their economy classification, rendered on a natural Earth projection. Countries are drawn as SVG paths using `d3.geoPath` and `geoNaturalEarth1`, with data joined from TopoJSON and TSV files. The color scale uses `scaleOrdinal` with `schemeOrRd`, and interactive zooming is enabled through `d3.zoom`. Hovering highlights countries via CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth - Dry Run

This example shows a world choropleth map where each country is colored according to its economic classification, with a tooltip revealing the country name on hover. The map uses a natural Earth projection and supports pan and zoom interactions. It loads world geometry as TopoJSON and country metadata as TSV from the world-atlas package, then renders the countries as SVG paths using d3.geoPath and colors them with d3.scaleOrdinal based on the `economy` property.

CCurran Kelleher
93% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using an ordinal color scale with the spectral scheme, with hover highlighting and zooming via d3.zoom. It renders geographic paths with d3.geoPath and a Natural Earth projection, loading TopoJSON world-atlas data merged with TSV metadata. A custom color legend, built with SVG circles and text, displays the categorical scale.

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

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury
91% 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
90% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher
90% 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
90% match
Loading thumbnail…

Choropleth

This choropleth visualizes countries colored by economic classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders a Natural Earth projection with d3.geoNaturalEarth1 and d3.geoPath, loading world geometry via TopoJSON from the world-atlas package, with country names and economic data matched from a TSV table. A custom color legend, built with D3 selections, displays the sorted categories, and d3.zoom enables panning and zooming of the map.

MMauradion
90% match