Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Mar 13, 2021

Created on Mar 10, 2021

This fork of a choropleth map colors countries by a numerical score from a CSV dataset, displaying the values on a natural Earth projection. The visualization uses D3 v5 with `d3.geoPath` and `d3.geoNaturalEarth1` to render the map, while a separate SVG color legend with circles and text labels indicates the color scale. Users can pan and zoom the map via D3's `d3.zoom` behavior, and hovering over a country highlights it in red and shows its name and score in a tooltip. The map data comes from TopoJSON, merged with the CSV by country codes.

AI-generated description

MIT Licensed

Similar vizzes

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

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

90% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by income group using a spectral color scale. The visualization uses D3 v5 and the `geoNaturalEarth1` projection with `geoPath` to render country shapes from the world-atlas TopoJSON and TSV data. A custom `colorLegend` displays the ordinal color scale as circles and text, and zooming is enabled through D3’s `zoom` event. Hovering a country turns it red, and tooltips show its name and additional text.

Ttbar72

89% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy category using a spectral color scale. The map is rendered with SVG paths generated by `d3.geoPath` and the Natural Earth projection, with country names and values shown as tooltips. The visualization includes a custom color legend built with `d3.scaleOrdinal`, and users can pan and zoom via the `d3.zoom` event handler. Data is loaded from the World Atlas TopoJSON and TSV files.

Zzenoalive

89% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical color scale derived from World Bank data in the world-atlas TopoJSON dataset. It renders with d3.geoNaturalEarth1 projection and d3.geoPath, displaying a color legend built with custom SVG circle and text elements. Pan and zoom interactions are enabled via d3.zoom, while hover states highlight countries in red. The map loads data through d3.tsv and d3.json, merging ISO country codes with feature attributes.

AAnagha Gupta

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

88% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by their economic classification, using a spectral color scale. The visualization loads population data from a CSV and world map geometry from TopoJSON, joining them by country ID. The map is rendered as SVG paths using `d3.geoPath` with a Natural Earth projection, and includes a custom color legend built with `d3.scaleOrdinal`. Hovering highlights a country in red, while pan and zoom are enabled through the `d3.zoom` API.

Rrekhapasupulet

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

88% match