Skip to main content
SimilarExport ZIP
100%

World

✓ Published0🌍 Public
Rrigt
Last edited Oct 11, 2018
Created on Oct 9, 2018
Forked from Auto MPG Summary

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.

AI-generated description

This program shows a world map.

This data is about countries.

This data comes from https://unpkg.com/world-atlas@1.1.4/world/50m.json.

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Graph

A choropleth map of world countries, colored by economic classification using an ordinal color scale from `d3.scaleOrdinal` and `schemeSpectral`. Hovering highlights a country and reveals a tooltip with its name and economy type. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` for rendering, with zoom support via `d3.zoom`. Data comes from World Atlas TopoJSON and TSV files; a custom color legend shows the ordinal categories.

ZZ-Richard
90% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic classification using a categorical color scale. The visualization renders geographic boundaries with SVG paths projected via `d3.geoNaturalEarth1` and `d3.geoPath`, with interactive zoom support through `d3.zoom`. A custom `colorLegend` component displays the ordinal scale’s categories as colored circles with labels. Data loads from the World Atlas TopoJSON and TSV files, with country names and economy values shown in tooltips on hover. The map uses `d3.scaleOrdinal` with `schemeSpectral` to assign distinct fills to each economic group.

MMunTatt Yap
90% match
Loading thumbnail…

Choropleth Map

This choropleth map displays global economic classifications by coloring each country according to a categorical ordinal scale derived from the `economy` property in the world-atlas dataset. The visualization loads TopoJSON and TSV data, then uses `d3.geoPath` with a natural Earth projection to render country boundaries, while a custom color legend built with SVG circles and text explains the color encoding. Users can zoom and pan via `d3.zoom`, with hover effects highlighting individual nations.

Ggcappadaniel
90% match
Loading thumbnail…

Choropleth Map

This choropleth map displays global economic classifications by coloring each country according to a categorical ordinal scale derived from the `economy` property in the world-atlas dataset. The visualization loads TopoJSON and TSV data, then uses `d3.geoPath` with a natural Earth projection to render country boundaries, while a custom color legend built with SVG circles and text explains the color encoding. Users can zoom and pan via `d3.zoom`, with hover effects highlighting individual nations.

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

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi
90% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the world's countries, colored according to their economic classification. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render the geographic shapes, with an ordinal color scale based on a spectral scheme to represent the data. Country data comes from the world-atlas dataset, which merges TopoJSON geometry with TSV metadata. Interactive features include zooming via `zoom()` and a color legend built with `scaleOrdinal` and SVG elements. Hovering over a country highlights it in red and displays a tooltip with its name and economic group.

AAndreas Loew
89% match
Loading thumbnail…

Choropleth map

This choropleth map displays world economies by color, with a legend that filters countries by clicking a color category, dimming non-matching regions. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, while the legend is built with D3 scales and `d3.schemeSpectral`. Country data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths with zoom support via `d3.zoom`.

Bbeca8675
89% match