World Countries

100%

World Countries

✓ Published0🌍 Public

Last edited Mar 9, 2020

Created on Mar 7, 2020

Forked from Choropleth Map with Interactive Filtering

This choropleth map of world countries displays two categorical variables—economy and income group—selected via dropdown menus. Users can hover over the color legend to highlight countries matching a specific category, dimming others. Built with d3.v5, the map uses d3.geoNaturalEarth1 projection and d3.geoPath for rendering SVG paths, with d3.zoom for panning and zooming. Color scales from d3.schemePastel2 among others are selectable. Data is loaded from the World Atlas TopoJSON and TSV files.

AI-generated description

Choropleth Map with Interactive Filtering

MIT Licensed

Similar vizzes

Loading thumbnail…

world map

A choropleth map of world countries colored by economy category, with an interactive legend that filters the map when clicking a category. Hovering a country displays its name and value via a tooltip. The visualization uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath for rendering, and d3.zoom for pan and zoom. Data comes from the world-atlas TopoJSON and TSV files, processed with topojson.feature and d3.tsv.

BBajiSharifPatan@my.unt.edu

91% match

Loading thumbnail…

world map

This example shows a choropleth world map colored by each country's economy classification, with a clickable color legend that filters and highlights matching countries while dimming others. The map uses d3.geoNaturalEarth1 and d3.geoPath to render TopoJSON world-atlas data, with d3.zoom enabling pan and zoom interactions. A d3.scaleOrdinal maps the spectral color scheme to the economy categories, and tooltips display country names and values. The SVG rendering includes CSS hover effects and opacity transitions for non-selected regions.

Zzhangfa

89% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury

89% match

Loading thumbnail…

World

A choropleth map of world countries, colored by their economic classification using an ordinal red color scale. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with zoom and pan enabled through `d3.zoom`. Country boundaries come from the world-atlas TopoJSON dataset, with economy data joined from a TSV file. An interactive legend built with `scaleOrdinal` allows filtering by clicking on economy categories, highlighting selected countries while dimming others.

Rrigt

89% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries according to their economy group, using a spectral color scale to differentiate categories. It renders geographic boundaries with d3.geoNaturalEarth1 and d3.geoPath, and includes an interactive color legend built with custom SVG components. Users can pan and zoom the map via d3.zoom, while tooltips reveal country names and economy values. The visualization loads TopoJSON data from the world-atlas package and joins it with TSV metadata to assign colors, with hover states highlighted in red.

JJynadal

88% match

Loading thumbnail…

world map with colors

This interactive choropleth map colors each country by its economy category, using a spectral color scale and click-to-highlight interaction to compare regions. Built with D3 v5, it renders country outlines via `d3.geoPath` with a Natural Earth projection, loads TopoJSON country boundaries from the World Atlas, and joins economic classifications from a TSV file. A zoom behavior enables panning and scaling, while an ordinal color legend supports filtering by clicking a category to fade unmatched countries.

BBajiSharifPatan@my.unt.edu

88% match

Loading thumbnail…

Choropleth Map with interactions

A choropleth map of world countries, colored by economic income group, supports interactive exploration. The map uses a natural Earth projection and is rendered as SVG. A color legend allows selection and highlighting of specific categories, while zooming and panning are enabled via d3.zoom. Data is loaded from the World Atlas TopoJSON and TSV files, and the visualization is implemented with d3.geoPath and d3.scaleOrdinal. Hovering a country displays its name and value in a tooltip.

Ggilbster

88% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme. The visualization supports zooming and panning through d3.zoom, while d3.geoNaturalEarth1 and d3.geoPath render the geographic features from TopoJSON world-atlas data joined with TSV country metadata. Countries display a tooltip with their name and economy value on hover, and a custom color legend built with SVG circles and text shows the category mapping.

Mmingchao080910

88% match