Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Bbeca8675
Last edited May 6, 2020
Created on Apr 20, 2020
Forked from Circles on a Map

A choropleth map visualizes epidemic risk class by country, using color to indicate risk levels from low to very high. Drawn with d3.geoPath and a natural Earth projection, the map supports pan and zoom, with hover tooltips displaying country, risk class, and rank. Data comes from a CSV file joined with world-atlas TopoJSON. A legend uses d3.scaleOrdinal and the RdPu color scheme to explain the ordinal classes.

AI-generated description

Visualizing population by country using circles on a map! The area of each circle corresponds to the population of the country it represents. You can also pan & zoom, and hover over each country for more information.

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map visualizes epidemic risk across countries, using color intensity to show the P2P risk index and a legend with ordinal color swatches. The map is rendered with SVG paths generated by `d3.geoPath` and a `geoNaturalEarth1` projection, with TopoJSON data from the World Atlas and risk data from a CSV file. Hovering highlights a country, and missing data appears gray. Users can zoom and pan the map via `d3.zoom`, while `scaleOrdinal` and `schemeRdPu` drive the color encoding.

Bbeca8675
96% match
Loading thumbnail…

Choropleth Map

A world choropleth map colors each country by its economy category using an ordinal color scale. The visualization uses d3 geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, enriched with world-atlas TSV metadata. A custom color legend component displays the categories, and d3.zoom enables interactive panning and zooming. Country outlines appear in black, with hover effects highlighting individual nations in red.

FFlorian Breitwieser
86% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic income group using an ordinal color scale. The visualization uses D3 v5 with d3.geoPath and a Natural Earth projection to render TopoJSON world data loaded from the world-atlas package. Users can zoom and pan via d3.zoom, and hovering highlights individual countries. A custom color legend component displays the category colors and labels, with interactivity handled through SVG selections.

VVivian Peng
86% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification, with a color legend showing ordinal categories from the Spectral scheme. The visualization loads world geometry from TopoJSON and joins it with tabular data from a TSV file. Using d3.geoPath with a geoNaturalEarth1 projection, it renders SVG paths that support zooming via d3.zoom. Hovering highlights individual countries, while a custom colorLegend component displays the color scale with circles and text labels.

Ccaydener
86% match
Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic classification using a sequential ordinal scale and the Spectral color scheme. The visualization, built with D3 v5 and TopoJSON, renders countries as SVG paths via d3.geoPath with a Natural Earth projection, supporting zoom and pan. A custom color legend displays the categorical color scale, while country data is joined from the World Atlas TopoJSON and TSV datasets using Promises.

Xxhoumba
86% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global distribution of COVID-19 cases using a red and green color scheme, with each country’s fill color indicating the presence of cases on a specific date. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath` for geographic outlines, while `zoom` enables interactive panning. Data is loaded from a CSV file and merged with TopoJSON world geometry via `loadAndProcessData`, and a custom `colorLegend` component displays the categorical scale.

NNodirbek Parpibaev
86% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare
85% match
Loading thumbnail…

choropleth map

A choropleth map visualizes global economic classifications by country, with each nation filled according to its assigned category from a ordinal color scale. Users can click legend entries to filter the map, highlighting matching countries while dimming others to 20% opacity; clicking the same legend entry again removes the filter. The map uses an SVG renderer with the d3-geo-projection Van Der Grinten IV projection, and employs d3-geoPath for path generation and d3.zoom for pan and zoom interactions. Data comes from the world-atlas TopoJSON dataset, merged with TSV metadata for country properties.

UUnbound Web Design
85% match