Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
Bbathlarajat
Last edited Mar 7, 2021
Created on Mar 7, 2021
Forked from Choropleth Map

This choropleth map colors countries by economic classification using a spectral color scale, with hover highlighting and a color legend. It also allows users to zoom and pan the map. The visualization builds on the `world-atlas` dataset (50m TopoJSON and TSV) and renders with D3’s `geoPath` and `geoNaturalEarth1` projection. It employs `scaleOrdinal` and `schemeSpectral` for color mapping, and a custom `colorLegend` function to draw the legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economic classification using a spectral color scale, with an interactive color legend showing the categorical values. The map renders geographic boundaries and landmasses through D3’s geospatial projection and path generation, while hover effects highlight individual countries. Data is loaded from the World Atlas topojson and TSV files, processed via the `topojson` feature API, and colors are assigned using `d3.scaleOrdinal` with a `schemeSpectral` range. The view supports zoom and pan through D3’s interactive zoom behavior.

CChase Hall
95% 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
95% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. The visualization uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and TopoJSON data from the world-atlas dataset to draw country boundaries. A zoom behavior lets users pan and scale the map, while an SVG color legend built from custom code displays the category colors. Hovering highlights individual countries, and the map updates with a red fill on mouseover.

MMark Baynes
95% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by economic classification using a spectral color scale, with a legend showing the ordinal categories. The map uses the Natural Earth dataset via TopoJSON and d3-geo's geoNaturalEarth1 projection. Users can zoom and pan through d3.zoom, and hovering highlights countries in red. The color legend is built with custom SVG components, while the map itself renders using the geoPath generator with tsv metadata joined to the geometry.

Vvivianaaai@qq.com
95% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal color scale derived from World Atlas TopoJSON and TSV data. It renders the map with d3.geoPath and a natural Earth projection, while a custom colorLegend module displays the scale using SVG circles and text. The map supports zooming via d3.zoom, and hovering highlights individual countries by turning them red. The visualization uses SVG rendering with d3 v5.

MMesh-7777
95% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using colors from the D3 `schemeSpectral` scale. The map is rendered as SVG paths generated with `geoPath` and the `geoNaturalEarth1` projection, with country data loaded from the world-atlas TopoJSON and TSV files. A legend built with D3's `scaleOrdinal` and `selectAll` shows the color categories, while pan and zoom interactions are handled through `d3.zoom`. Hovering a country highlights it in red and reveals its name and economic group in a tooltip.

MMajaha21
95% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders geographic shapes with d3.geoPath and a natural Earth projection, while supporting interactive pan and zoom via d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, loaded through d3.json and d3.tsv. A custom d3 color legend with circles and labels appears on the left, and hovering highlights individual countries in red.

Ttaaddele
95% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by their economic classification using an ordinal color scale with a spectral scheme. The map uses the Natural Earth projection via `d3.geoPath` and `geoNaturalEarth1`, with data loaded from the World Atlas TopoJSON and TSV files. A custom color legend displays the categorical values with circles and text. The visualization supports zooming and panning through `d3.zoom`, and includes hover effects that highlight countries in red.

HHong
94% match