Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Choropleth Map

✓ Published0🌍 Public
YYisionLiu
Last edited Oct 18, 2021
Created on Oct 18, 2021

This choropleth map uses color to show the economy classification of countries, with a legend displaying the ordinal color scale. The visualization is built with D3 v5, using `d3.geoPath` and the `geoNaturalEarth1` projection to render world map features from a TopoJSON dataset. It employs `d3.scaleOrdinal` with a `schemeSpectral` color range to map economic groups, and includes interactive zooming via a custom `zoom` function.

AI-generated description
MIT Licensed

Similar vizzes

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 choropleth map colors world countries by their economy classification using a categorical ordinal color scale with the spectral scheme. The visualization renders geographic boundaries with `d3.geoPath` and the Natural Earth projection, loading TopoJSON and TSV data from the world-atlas package. Interactive zoom and tooltip features are commented out, leaving a static map with an optional color legend component defined in a separate module.

CCheng Tang
94% 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
94% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using a spectral ordinal scale, and includes an interactive color legend with circles and labels. The visualization renders world geography via a natural Earth projection and supports zooming and panning through d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, processed with topojson.feature. The code imports individual D3 v5 modules including geoPath, geoNaturalEarth1, and scaleOrdinal, and builds the legend with a custom colorLegend function.

AAbdouEnsaj
94% 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
93% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using world-atlas TopoJSON data. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render the map, and d3.scaleOrdinal with schemeSpectral for color encoding. The color legend, built with a custom colorLegend function, displays the ordinal scale. Interactive pan and zoom is implemented via d3.zoom, and hovering highlights countries in red.

CClara Hu
93% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes global economies using a categorical color scale derived from d3.scaleOrdinal and schemeSpectral. It renders countries as SVG paths via d3.geoPath with a Natural Earth projection, and includes an interactive color legend built with reusable D3 code. The map supports zooming through d3.zoom, and data is loaded from TopoJSON and TSV files using d3.json and d3.tsv. Hovering highlights countries in red, and tooltips display each country’s name and economic classification.

Jjklinnert
93% 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
93% match