Skip to main content
SimilarExport ZIP
100%

choropleph

✓ Published2🌍 Public
YYedrup
Last edited Mar 23, 2020
Created on Mar 22, 2020

This choropleth map uses a spectral color scale to visualize the economic classification of each country, with a hover effect that fills the selected country in black and a legend displaying the ordinal color domains. Built with d3.geoPath and the geoNaturalEarth1 projection, it renders SVG paths from TopoJSON world-atlas data and merges additional TSV attributes. Interactive pan and zoom are provided by d3.zoom, while the color legend is constructed manually with circles and text using scaleOrdinal and schemeSpectral.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

choropleph with interactive filtering

This choropleth map displays world countries colored by economy category, with an accompanying ordinal color legend. Clicking a legend category filters the map by fading non-matching countries to low opacity and highlighting the selected group. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for projection, `scaleOrdinal` with `schemeSpectral` for colors, and `zoom` for panning. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths.

YYedrup
91% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification, with a color legend showing ordinal categories from the Spectral scheme. The visualization loads world geometry from TopoJSON and joins it with tabular data from a TSV file. Using d3.geoPath with a geoNaturalEarth1 projection, it renders SVG paths that support zooming via d3.zoom. Hovering highlights individual countries, while a custom colorLegend component displays the color scale with circles and text labels.

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

Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal scale with the Spectral scheme. It loads world geometry from TopoJSON and joins it with TSV metadata, then renders the map with d3.geoPath and a Natural Earth projection. The visualization includes an interactive color legend built with custom SVG components, and supports zooming and panning through d3.zoom. Hovering highlights individual countries in red, and tooltips display each country’s name and economic group.

Ddata-inside
90% match
Loading thumbnail…

choropleth map

A choropleth map visualizes global economic classifications by country, with each nation filled according to its assigned category from a ordinal color scale. Users can click legend entries to filter the map, highlighting matching countries while dimming others to 20% opacity; clicking the same legend entry again removes the filter. The map uses an SVG renderer with the d3-geo-projection Van Der Grinten IV projection, and employs d3-geoPath for path generation and d3.zoom for pan and zoom interactions. Data comes from the world-atlas TopoJSON dataset, merged with TSV metadata for country properties.

UUnbound Web Design
90% match
Loading thumbnail…

choropleth map!

This choropleth map colors countries by economic grouping using an ordinal color scale with a spectral scheme. The visualization renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Users can pan and zoom via d3.zoom, while hovering highlights individual countries. Data comes from the World Atlas TopoJSON and TSV files, loaded asynchronously with d3.json and d3.tsv.

Kkaviya-ds
90% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale derived from d3.schemeSpectral. The visualization applies the d3.geoNaturalEarth1 projection and renders GeoJSON paths via d3.geoPath, with topology loaded from a world-atlas TopoJSON file and country names merged from a TSV lookup. Hovering highlights individual countries in coral, and d3.zoom enables interactive panning and scaling. A custom color legend displays the seven economy categories with labeled circles.

MMichał Szumnarski
90% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale derived from d3.schemeSpectral. The visualization applies the d3.geoNaturalEarth1 projection and renders GeoJSON paths via d3.geoPath, with topology loaded from a world-atlas TopoJSON file and country names merged from a TSV lookup. Hovering highlights individual countries in coral, and d3.zoom enables interactive panning and scaling. A custom color legend displays the seven economy categories with labeled circles.

MMichał Szumnarski
90% match