Fork of Choropleth Map

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

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

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral color scale, with hover highlighting and a custom color legend. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to project and render TopoJSON world-atlas data, while `d3.zoom` enables pan and zoom. The legend, rendered with reusable SVG components, displays ordinal color swatches and labels. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata.

Mmavercikalvin

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

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

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral ordinal scale, with a legend rendered as circles and text. Built with D3 v5, it loads world geometry from TopoJSON and country metadata from TSV, then projects paths via `d3.geoNaturalEarth1` and `d3.geoPath`. Map panning and zooming use `d3.zoom`, while hover effects highlight countries in red. The legend is created by a custom `colorLegend` module that binds to color scale domains and updates in place.

PPioustu

Fork of Choropleth Map

This fork of a choropleth map visualizes countries color-coded by their economy type, using a spectral color scale with an accompanying interactive legend. Built with D3 v5, it renders world map shapes using `geoNaturalEarth1` projection and `geoPath`, with data from a TSV file joined to TopoJSON geometry. The map supports zooming via the `zoom` module and hover effects that highlight countries in red.

Ffsajedi22

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