Skip to main content
SimilarExport ZIP
100%

Fork of map

✓ Published0🌍 Public
RRahulChaitu999
Last edited Jun 21, 2022
Created on Jun 21, 2022
Forked from Choropleth Map

This interactive world map colors each country by economy group using a categorical ordinal scale with a spectral color scheme. Users can pan and zoom the map through d3.zoom, while hovering highlights individual countries. The visualization loads geographic data from the world-atlas TopoJSON dataset and joins it with TSV metadata, rendering with d3.geoPath and a natural Earth projection. A custom color legend component displays the ordinal scale, and the code imports utilities from d3 v5 and topojson.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by their economy category, using a natural Earth projection and an ordinal spectral color scale. Hovering highlights a country in red, while a zoom interaction pans and scales the map view. It loads TopoJSON and TSV data from the world-atlas package, rendering with SVG via d3.geoPath. A custom color legend, built with d3.scaleOrdinal, displays the categorical color scale, and topojson.feature processes the geographic data.

Kkzaiets
88% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes an interactive color legend built with custom D3 selections. The map supports zooming via d3.zoom, and country tooltips display name and economic group. Data comes from the World Atlas TopoJSON and TSV files, loaded with d3.json and d3.tsv, with hover states highlighting countries in red.

Ggeneralshermanw
88% match
Loading thumbnail…

Fork of Fork of Choropleth Map

This choropleth map colors countries by their economy classification using a spectral color scale, with hover highlighting and a circular legend showing the categorical values. The visualization loads world topology from the world-atlas TopoJSON dataset and joins it with TSV metadata. Built with D3 v5, it uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering SVG paths, `d3.zoom` for pan and zoom, and `d3.scaleOrdinal` with `schemeSpectral` for color mapping.

MMajaha21
88% match
Loading thumbnail…

Fork of Choropleth Map

A world map displays countries colored by their economy category using an ordinal color scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, then renders each country as an SVG path using `d3.geoPath` with a natural Earth projection. Users can zoom and pan via the `zoom` event transform, while a color legend created with custom SVG shapes shows the category-to-color mapping. Hovering over any country highlights it in red and reveals its name and economy class in a tooltip.

KKirsten Lund
88% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders world geography with d3.geoNaturalEarth1 and d3.geoPath, loading TopoJSON and TSV data from the world-atlas package. Interactive zooming is enabled via d3.zoom, and hovering highlights individual countries through a CSS :hover rule. Tooltips using SVG title elements display each country's name and economy group.

Kkevincgc
88% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification, using a spectral ordinal color scale and a natural Earth projection. The visualization supports zooming and panning through d3.zoom, and displays a custom interactive legend built with SVG circles and text. It loads geographic and economic data from the world-atlas TopoJSON and TSV files, processing them with topojson.feature and d3.tsv. Country paths are rendered via d3.geoPath, with hover highlighting and a tooltip showing the country name and economy value.

Mmgweiner
88% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes countries colored by their economy category, with a legend showing the ordinal color scale. The map uses a natural Earth projection and supports zooming and panning via d3.zoom, while hovering highlights a country in red. Data from the World Atlas TopoJSON and TSV files is loaded with d3.json and d3.tsv, processed through topojson.feature, and rendered as SVG paths using d3.geoPath. The legend is built with a custom component using D3 selections.

Lluyang93
87% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category, using a categorical color scheme with an interactive color legend built from circles and text. The visualization loads world country boundaries and metadata from the world-atlas package, merges them with TopoJSON processing, and projects the map with d3.geoNaturalEarth1 and d3.geoPath. It supports zooming via d3.zoom and highlights countries on hover by changing their fill to red.

Bboardkeystown
87% match