Skip to main content
SimilarExport ZIP
100%

Swanton's Travels

✓ Published0🌍 Public
Jjons288
Last edited Dec 18, 2018
Created on Dec 18, 2018

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% 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
91% match
Loading thumbnail…

Swanton Choropleth Map

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.

Jjons288
90% match
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
90% match
Loading thumbnail…

Swantons

This visualization displays a choropleth map of world countries, colored by traveler reviews, alongside a legend and trip table for four travelers. Users can click legend entries to filter and highlight countries visited by a specific traveler. The map uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.zoom for panning, and d3.scaleOrdinal with schemeReds for coloring. Data comes from world-atlas TopoJSON, a TSV of country names, and a CSV of traveler trips.

Jjons288
86% match
Loading thumbnail…

Choropleth Map

This choropleth map shows countries colored by income group, with a clickable color legend that highlights matching regions and a pan-and-zoom interface. It uses D3 v5 with `geoNaturalEarth1` and `geoPath` to project TopoJSON world data loaded from the World Atlas, while `scaleOrdinal` and `schemeSpectral` assign colors. A zoom behavior updates the map transform on interaction. The legend, rendered with SVG circles and text, triggers the selection filtering.

Ggorfoula
84% match
Loading thumbnail…

Choropleth Map with interactive filtering

This choropleth map displays world countries colored by income group using an ordinal color scale, with a zoomable, panning natural Earth projection. Clicking a legend swatch filters the map by highlighting matching countries and dimming others. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for map interaction, while a custom colorLegend component handles click-driven filtering. Data comes from the world-atlas TopoJSON and TSV files, with countries rendered as SVG paths and hover effects changing fill color.

JJason-Manbodh
83% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by income group, using a spectral color scale with a legend showing the categorical ranges. It renders country boundaries as SVG paths via the `d3.geoPath` and `d3.geoNaturalEarth1` projections, with a zoom interaction applied through `d3.zoom`. Data comes from the `world-atlas` TopoJSON and TSV files, processed with `topojson.feature` to merge attributes. Hovering highlights a country in red and displays its name and income group in a tooltip.

HHe Jianfeng
83% match