Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Jun 26, 2020

Created on Jun 26, 2020

A choropleth map of world countries colors each nation by its economy category using an ordinal spectral color scale. Data from the world-atlas TopoJSON and TSV files is projected with the Natural Earth projection and rendered as SVG paths. Hovering highlights a country, and a custom color legend with circles and labels is generated using the `colorLegend.js` module. The map supports interactive zooming via the `d3.zoom` API, which applies transformations to the map group on zoom events.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic category using an ordinal color scale with a spectral palette. The visualization loads world geometry and country metadata from the world-atlas TopoJSON and TSV files, rendering paths with `d3.geoPath` and a Natural Earth projection. Users can pan and zoom via `d3.zoom`, while a custom legend built with D3 selections displays color categories as circles and text. Hovering highlights a country in red, and tooltips show each nation's name and economy type.

MMajaha21

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme, and displays a color legend with clickable circles. It renders geographic boundaries with antialiased SVG paths via `d3.geoPath` and the Natural Earth projection, while loading data from the world-atlas package (TSV metadata and TopoJSON geometries) and processing it with `topojson.feature`. Hovering highlights a country in red, and the map supports zooming through the `d3.zoom` interaction.

Ffaaty

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors each country according to its economy category, using an ordinal color scale with a spectral scheme. The visualization loads world geography from TopoJSON and country metadata from TSV, then renders the map as SVG paths with a natural Earth projection. Hovering highlights a country in red, and a custom color legend displays the category colors. The map supports zooming and panning through d3.zoom, with d3.geoPath generating the geographic shapes.

Llittle-face

95% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by their economy category using a spectral ordinal color scale, with an interactive color legend rendered as circles and labels. The visualization loads country geometries from TopoJSON and joins them with tabular metadata via a promise-based data pipeline. Rendered as SVG, it uses `d3.geoPath` with a Natural Earth projection and supports zooming through `d3.zoom`. Hovering highlights countries, while the legend is built using the exported `colorLegend` helper, with styling defined in external CSS.

Ffahmijaafar

95% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by their economy classification, using a categorical ordinal color scale. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then renders the map via d3.geoPath with a natural Earth projection. Zooming is enabled through d3.zoom, and countries highlight red on hover. A custom color legend displays the economy categories as colored circles, while the map also shows a blue sphere background. The code uses d3.scaleOrdinal with schemeSpectral ranges to assign colors.

NNitin Vadhiya

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category using a sequential spectral color scale. It renders world geography as SVG paths via the `d3.geoPath` and `d3.geoNaturalEarth1` projection, with zoom support through `d3.zoom`. Country names and values appear as tooltips, and a custom `colorLegend` component displays the ordinal scale. The data is loaded from a TopoJSON world atlas and a TSV mapping country IDs to metadata. Hovering highlights countries in red.

BBahareh Zarei

95% match

Loading thumbnail…

Choropleth Map

A world choropleth map colors each country by its economy category using an ordinal color scale. The visualization uses d3 geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, enriched with world-atlas TSV metadata. A custom color legend component displays the categories, and d3.zoom enables interactive panning and zooming. Country outlines appear in black, with hover effects highlighting individual nations in red.

FFlorian Breitwieser

95% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy type, using a spectral color scale assigned through d3.scaleOrdinal. The map is drawn with d3.geoPath and the Natural Earth projection, while data is loaded asynchronously from World Atlas TSV and TopoJSON files. Hovering highlights countries in red, and a custom legend displays the color categories. The visualization supports zooming via d3.zoom, with zoom state handled through event transforms.

KKarkG

95% match