Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Feb 1, 2023

Created on Feb 1, 2023

This choropleth map colors world countries according to their economy category using a spectral color scale. The visualization uses D3 v5’s `select`, `geoPath`, and `scaleOrdinal` APIs, with a `topojson` loader for geographic data from the world-atlas package. The map includes a custom legend built with the `colorLegend` module, and supports zooming via `d3.zoom`, while country boundaries are rendered as SVG paths with hover highlighting.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This choropleth map displays the world’s countries color-coded by their economy type, using a spectral color scale assigned via `scaleOrdinal()` and `schemeSpectral`. Built with D3 v5, it renders geographic paths using `geoPath()` with an `geoEquirectangular()` projection, layered over a blue sphere. Hovering highlights a country in red, and a legend—constructed with `colorLegend.js`—shows the discrete color categories. Data is joined from TopoJSON and TSV files supplied by the world-atlas package, which are loaded via `loadAndProcessData.js`.

Mmanush-nayaka

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

93% match

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

93% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification, with a color legend displaying each category as colored circles with text labels. The visualization uses D3 v5 with a natural Earth projection, rendering geographic features as SVG paths from TopoJSON world-atlas data. Users can zoom and pan interactively via d3.zoom, and hovering over a country highlights it in red while a tooltip shows its name and economy type. The color scale uses d3.scaleOrdinal with a spectral scheme, and the legend is drawn using a custom reusable component.

991geethikaalwis

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

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

93% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy type using a categorical ordinal scale and the spectral color scheme. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while a custom color legend built with SVG circles and text shows the category mapping. Users can pan and zoom via d3.zoom. Data comes from the world-atlas TopoJSON and TSV files, with hover effects highlighting individual countries.

BBolarinwa Omoware

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

93% match