Choropleth Map

100%

Choropleth Map

✓ Published1🌍 Public

Last edited Jul 16, 2019

Created on Jul 16, 2019

This choropleth map visualizes the economic classification of countries across the globe, using color to encode each nation’s economy category. The map is rendered with D3.js v5, using `geoNaturalEarth1` projection and `geoPath` to draw country boundaries. Country data is loaded from the world-atlas TSV and TopoJSON files, with the `economy` property mapped to a spectral color scale. Hovering over a country displays its name and economy type, while a custom color legend explains the color mapping. A zoom interaction is also implemented via `d3.zoom`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic classifications by country, coloring each nation according to its economy category. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render the map from TopoJSON world-atlas data, with country attributes loaded from a TSV file. A color legend, constructed via `colorLegend`, displays the ordinal color scale using `d3.scaleOrdinal` and `d3.schemeSpectral`. The SVG map supports zooming via `d3.zoom`, and hovering changes a country’s fill to red.

Eevavan8

95% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the world’s economies, coloring each country according to its economic classification using a spectral color scale. The map displays the geographic distribution of these categories, with hover states revealing a country’s name and category. Built with D3.js (v5), the visualization uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render the map from world-atlas TopoJSON and TSV data. A custom `colorLegend` component, drawn as SVG circles and text, provides a reference for the color categories, while zooming is handled via D3’s `zoom` event and `event.transform`.

Pprincit

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

95% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic classifications by coloring each country according to its economy type. Using D3.js v5 with the `geoNaturalEarth1` projection and `geoPath` for rendering, it loads world map data from TopoJSON and TSV files containing country metadata. The color scale uses `scaleOrdinal` with `schemeSpectral` ranges, and hovering highlights a country in red while a tooltip displays the country name and economic group.

Ggcappadaniel

95% match

Loading thumbnail…

Choropleth Map

This choropleth map, built with D3.js, visualizes global economic classifications by country. It uses a spectral color scale from the `schemeSpectral` range, with countries colored according to their economy attribute. Users can click legend items to highlight specific economic groups, which dims non-matching countries. The map projects geographic features using `geoNaturalEarth1` with `geoPath`, and data is loaded from the world-atlas TopoJSON and TSV files.

Ggcappadaniel

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

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 world countries according to their economy group, using a spectral color scale to differentiate categories. It renders geographic boundaries with d3.geoNaturalEarth1 and d3.geoPath, and includes an interactive color legend built with custom SVG components. Users can pan and zoom the map via d3.zoom, while tooltips reveal country names and economy values. The visualization loads TopoJSON data from the world-atlas package and joins it with TSV metadata to assign colors, with hover states highlighted in red.

JJynadal

94% match