Swantons

100%

✓ Published0🌍 Public

Last edited Jul 3, 2019

Created on Dec 18, 2018

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

77% match

Loading thumbnail…

Eating Around the World

This choropleth map visualizes the user’s restaurant ratings across countries, with each nation shaded according to its review score on a red ordinal scale. Users click legend circles to filter countries by rating, which also dims non-matching regions and the background sphere. Built with D3 v5, the visualization uses `geoNaturalEarth1` projection, `geoPath`, and `zoom` for map interaction, while data is loaded via `tsv`, `json`, and `csv` from the World Atlas TopoJSON and a traveler dataset. Hovering reveals country names, restaurant details, and star ratings in tooltips.

Jjons288

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

75% match

Loading thumbnail…

Untitled

A choropleth map colors countries according to the number of students per country, with a sequential red color scale and a legend showing count ranges. The visualization uses D3 v5’s `d3.geoMercator` projection and `d3.geoPath` to render world topology from the World Atlas TopoJSON, while data from a TSV file is joined to country features. Country boundaries are styled with white strokes, and hovering highlights the selected country.

Bbambaleq

74% match

Loading thumbnail…

World test

This visualization displays a world map with countries colored light green against a blue sphere, using natural Earth projection. Hovering over a country turns it red, and users can zoom and pan the map interactively. The code loads TopoJSON and TSV data from the world-atlas package, converting TopoJSON to GeoJSON via topojson.feature and rendering paths with d3.geoPath. Zoom behavior comes from d3.zoom, while country names are joined from the TSV file and shown as SVG title tooltips.

OOldenkamp

73% match