Skip to main content
SimilarExport ZIP
100%

Cloropleth MAP

✓ Published0🌍 Public
Ggorfoula
Last edited Jul 27, 2020
Created on Jul 27, 2020

This choropleth map visualizes countries by economic classification using a natural Earth projection. A color legend built with `d3.scaleOrdinal` and `schemeSpectral` maps each income group to a distinct hue, while hovering highlights a country in red. The map supports zooming and panning via `d3.zoom`. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths with `d3.geoPath`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Cloropleth Map

This choropleth map visualizes countries by income group, using color to encode each nation's categorical data. The map shows the geographical distribution of these groups across the world, with a color legend positioned on the left. It is built with D3 v5, using `d3.geoPath` with a `geoNaturalEarth1` projection to render world shapes from TopoJSON data loaded via the `world-atlas` package, which also provides TSV metadata for country names and income groups. A `scaleOrdinal` with a spectral color scheme drives the fill, while zooming and hover effects enhance interaction.

JJason-Manbodh
92% match
Loading thumbnail…

Cloropleth Map

This choropleth map visualizes countries by income group, using color to encode each nation's categorical data. The map shows the geographical distribution of these groups across the world, with a color legend positioned on the left. It is built with D3 v5, using `d3.geoPath` with a `geoNaturalEarth1` projection to render world shapes from TopoJSON data loaded via the `world-atlas` package, which also provides TSV metadata for country names and income groups. A `scaleOrdinal` with a spectral color scheme drives the fill, while zooming and hover effects enhance interaction.

JJason-Manbodh
92% match
Loading thumbnail…

Cloropleth

This choropleth displays world countries colored by economic classification, with a color legend showing the ordinal scale’s domain. Built with D3 v5, it uses `d3.geoPath` and `geoNaturalEarth1` to project TopoJSON data from world-atlas, joined with ISO country codes from a TSV file. The map supports zooming via `d3.zoom`, and hovering highlights countries in red. A custom `colorLegend` component renders colored circles and text labels, while `schemeSpectral` provides the sequential color range.

Vvladvaculin
92% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher
91% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries’ economic classifications using a color scale based on the world-atlas TopoJSON dataset. The map renders with d3.geoPath and a natural Earth projection, while a d3.scaleOrdinal with schemeSpectral colors fills each country. Hovering highlights countries in pink, and a color legend explains the ordinal scale. Users can zoom and pan via d3.zoom, with all interaction and styling implemented in SVG.

CCassie
90% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic classifications by coloring each country according to its income group. Built with D3 v5 and TopoJSON, it uses an ordinal color scale with the spectral scheme and renders geographic shapes via `d3.geoPath` with a natural Earth projection. The map supports pan and zoom through D3’s zoom behavior, and hovering highlights countries in red. A custom legend, generated with appended SVG circles and text, displays the color categories, while data is loaded from the World Atlas TopoJSON and TSV files.

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

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with the spectral scheme, sourced from the World Atlas TopoJSON dataset. The map supports interactive zooming and panning, and clicking a legend item highlights matching countries while dimming others. It is built with D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, and `d3.zoom` for navigation, with all elements rendered as SVG.

Mmaru25-alt
90% match