Skip to main content
SimilarExport ZIP
100%

Swanton Choropleth Map

✓ Published1🌍 Public
Jjons288
Last edited Sep 29, 2018
Created on Sep 29, 2018

This choropleth map uses color to depict the economic classification of each country, rendered as an SVG via D3's `geoPath` and `geoNaturalEarth1` projection. Hovering a country turns it gray and reveals its name and economy in a tooltip. The map loads world geography and tabular data from the world-atlas package, and displays a color legend built with custom `colorLegend` logic. The visualization supports zooming and panning through D3's `zoom` component.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Swanton Choropleth Map With Interactive Filtering

A choropleth map of the world colors each country by its economy type using a spectral ordinal color scale derived from World Atlas TopoJSON data. Interactive filtering dims non-selected countries and highlights the chosen economy when a legend swatch is clicked. The visualization uses D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, and `zoom` for panning, while the legend handles click events to toggle the filter. The SVG rendering includes hover effects, tooltips, and a semi-transparent background.

Jjons288
91% match
Loading thumbnail…

Swanton's Travels

A choropleth map displays world countries colored by income group, with a color legend for filtering. Clicking a country highlights it and dims all others; clicking again resets. The map uses D3's `geoNaturalEarth1` projection with `geoPath` for rendering shapes, and supports zooming via the `zoom` event. Data is loaded from a CSV of travelers and a TopoJSON world atlas, processed with `topojson.feature`. An ordinal spectral color scale maps economy categories.

Jjons288
90% match
Loading thumbnail…

Swanton Choropleth Map

This choropleth map visualizes global income groups by country, coloring each nation according to its income classification on a natural Earth projection. The map supports interactive zooming and panning, with a legend displaying the categorical color scale. Built with D3 v5, it uses `geoPath` and `geoNaturalEarth1` for map projection, `scaleOrdinal` with `schemeSpectral` for colors, and loads country boundaries from the world-atlas TopoJSON dataset, joining income data from a TSV file. Hovering reveals country names and income groups via SVG titles.

Jjons288
90% match
Loading thumbnail…

Swanton Choropleth Map

This choropleth map visualizes global income groups, coloring each country according to its income_grp category with a spectral color scale. The map uses a natural Earth projection and supports zooming via the zoom API, while a legend explains the color categories. The visualization loads world country geometries from the world-atlas TopoJSON and TSV datasets, processes them with topojson.feature, and renders the paths using d3.geoPath. Hovering highlights a country in gray and reveals a tooltip with its name and income group.

Jjons288
89% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic classifications by country, coloring each nation according to its economy category. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render the map from TopoJSON world-atlas data, with country attributes loaded from a TSV file. A color legend, constructed via `colorLegend`, displays the ordinal color scale using `d3.scaleOrdinal` and `d3.schemeSpectral`. The SVG map supports zooming via `d3.zoom`, and hovering changes a country’s fill to red.

Eevavan8
87% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy grouping, using a spectral color scale assigned through D3's `scaleOrdinal` and `schemeSpectral`. The code projects geographic features with `geoNaturalEarth1` and `geoPath` onto an SVG, overlaying a white legend built by a custom `colorLegend` component. Hovering highlights a country in red via CSS. Data comes from the `world-atlas` package, merging TopoJSON shapes with TSV metadata. Zoom interactions are handled through D3's `zoom` event, transforming the map group.

YYoung Song
87% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification, with a color legend and zooming and panning via d3.zoom. It loads world geometry from TopoJSON and country names from TSV data, joining them by ID. The map uses a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with an ordinal color scale based on d3.scaleOrdinal and a spectral scheme. Hovering highlights countries, and a custom color legend is built with reusable SVG components.

KKohinoor Chtaterjee
87% match
Loading thumbnail…

Choropleth Map

This choropleth map uses a color scale to depict the economy classification of each country from the world-atlas dataset. The visualization includes a color legend built with custom SVG shapes, and it supports interactive pan and zoom through event handling. The implementation relies on D3’s geoPath and geoNaturalEarth1 projection for map geometry, and uses scaleOrdinal with schemeSpectral for categorical coloring. Country data is loaded from TopoJSON and TSV files, with paths rendered as SVG elements that display the country name and economy type on hover.

XXenos Panagiotis
86% match