Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
Ggcappadaniel
Last edited Jun 5, 2020
Created on Jun 5, 2020
Forked from Choropleth Map

This choropleth map visualizes global economic classifications by coloring each country according to its economy type. Using D3.js v5 with the `geoNaturalEarth1` projection and `geoPath` for rendering, it loads world map data from TopoJSON and TSV files containing country metadata. The color scale uses `scaleOrdinal` with `schemeSpectral` ranges, and hovering highlights a country in red while a tooltip displays the country name and economic group.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map, built with D3.js, visualizes global economic classifications by country. It uses a spectral color scale from the `schemeSpectral` range, with countries colored according to their economy attribute. Users can click legend items to highlight specific economic groups, which dims non-matching countries. The map projects geographic features using `geoNaturalEarth1` with `geoPath`, and data is loaded from the world-atlas TopoJSON and TSV files.

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

Choropleth Map

This choropleth map visualizes the economic classification of countries across the globe, using color to encode each nation’s economy category. The map is rendered with D3.js v5, using `geoNaturalEarth1` projection and `geoPath` to draw country boundaries. Country data is loaded from the world-atlas TSV and TopoJSON files, with the `economy` property mapped to a spectral color scale. Hovering over a country displays its name and economy type, while a custom color legend explains the color mapping. A zoom interaction is also implemented via `d3.zoom`.

Ccpsshan
95% 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
94% 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
94% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic groupings by coloring each country according to its economy category. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from TopoJSON data loaded from the world-atlas package. A sequential `d3.scaleOrdinal` with `schemeSpectral` assigns colors, while zooming is enabled through `d3.zoom`. Hovering highlights countries in red, and a color legend explains the ordinal categories.

MMabelbao
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It loads GeoJSON from TopoJSON world-atlas data and merges it with TSV metadata, then renders paths via d3.geoPath with a Natural Earth projection. Hovering highlights countries in red, while a custom color legend built with reusable D3 code displays the ordinal categories. Zoom and pan are enabled through d3.zoom, and the SVG output includes tooltips showing country names and economy values.

PPreciousone
94% match