maps

100%

✓ Published1🌍 Public

Last edited Nov 2, 2025

Created on Nov 2, 2025

This choropleth map visualizes agricultural land percentage by country for 2020, using a color-coded world atlas to compare values across nations. The visualization loads GeoJSON country boundaries via `d3.json` and `topojson.feature`, then applies a sequential color scale mapped to the `AgriculturalLandPercent` metric from a CSV dataset. Hovering highlights individual countries and displays a tooltip with detailed agricultural statistics. A legend on the right provides the color-to-value scale, while `d3.format` handles numeric display formatting.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

visualizing map

This interactive network visualizes agricultural metrics across ten countries for 2020, showing relationships between a central hub and country nodes with satellite metric nodes for land percentage, crop yield, fertilizer use, and GDP contribution. Node size encodes agricultural land percentage while link width reflects agriculture GDP share. The visualization uses d3.forceSimulation with draggable SVG nodes, and data is embedded directly from a CSV file containing country-level farming statistics.

Kkoppulasudhakar03@gmail.com

78% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes a socioeconomic metric across countries, using a spectral color scale to encode each nation's value from the provided CSV dataset. The map employs D3's `geoPath` and `geoNaturalEarth1` projection to render world country boundaries from the world-atlas TopoJSON, with a custom `colorLegend` showing the scale. Hovering highlights a country in red, and the visualization supports zooming via `d3.zoom`.

Nnouralkhoury

77% match

Loading thumbnail…

chloropleth map

This choropleth map colors countries according to economic data, with a color legend and hover highlighting. The visualization uses D3 v5 with `d3.geoPath` and `d3.geoNaturalEarth1` for geographic projection, while loading world data from the world-atlas TopoJSON and TSV files. The color scale uses `d3.scaleOrdinal` with the Spectral scheme to map economic classifications. Users can pan and zoom via `d3.zoom`, and country names appear as tooltips on hover.

Aaidanoconnor1

77% match

Loading thumbnail…

20 - choropleth map - dataviz 2018

A choropleth map of the world colors each country according to its economic classification, with a color legend on the left. The map uses a natural Earth projection rendered with `d3.geoPath`, and country data comes from the `world-atlas` TopoJSON and TSV files. A sequential color scale based on `d3.scaleOrdinal` and `schemeSpectral` assigns hues, and hovering turns a country red via SVG CSS. The visualization is built with D3 v5 and the `topojson` library's `feature` function, with zoom capability via a custom `zoom` callback.

Zzach b.

76% match

Loading thumbnail…

An interactive D3 map

This interactive D3 map displays a world map with countries colored pink and overlaid with green-bordered circles, visualizing numerical values from a CSV dataset via a color-coded choropleth. Built with React and D3 v5, it loads GeoJSON topology data from the world-atlas package and uses topojson’s feature and mesh functions to render land and country boundaries as SVG paths, while the data CSV is joined by ISO country codes for the visual encoding.

Nnouralkhoury

76% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic grouping, with a legend of colored circles and a natural Earth projection. It uses d3.geoPath, d3.geoNaturalEarth1, d3.scaleOrdinal with schemeSpectral, and d3.zoom for panning. The code loads world atlas TopoJSON and TSV data via topojson.feature, rendering country paths as SVG with hover highlighting.

Ggorfoula

76% match

Loading thumbnail…

choropleth map!

This choropleth map colors countries by economic grouping using an ordinal color scale with a spectral scheme. The visualization renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Users can pan and zoom via d3.zoom, while hovering highlights individual countries. Data comes from the World Atlas TopoJSON and TSV files, loaded asynchronously with d3.json and d3.tsv.

Kkaviya-ds

76% match

Loading thumbnail…

Chloropleth Map

This choropleth map displays countries colored by economic classification, with a color legend positioned in the lower-left corner and hover interactions that highlight individual nations. The visualization uses D3 v5 with d3.geoNaturalEarth1 for projection and d3.geoPath for rendering geographic features, while d3.zoom enables pan and zoom functionality. TopoJSON and TSV data from the world-atlas package populate the map, with d3.scaleOrdinal mapping economy categories to a spectral color scheme. SVG elements render all visuals, and the legend uses custom D3 scales and tick marks for clarity.

AAdrian Tan

76% match