Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Wine Map

Public visualization

Viewing a saved revision (read-only)

e4bc0c6a6a044dbca1fae2d2bd922e0f

Wine Map

0 stars0🌍 Public
LLouisa Penrice
Last edited May 6, 2024
Created on May 3, 2024
Forked from Choropleth

This example presents a dual-panel visualization of global wine production data. The left panel is a choropleth map using `d3.geoEqualEarth` projection and `d3.geoPath` to color countries by production quantity, while the right panel is a scatter plot using `d3.scaleBand` and `d3.scaleLinear` to plot each country's production with circle size and color encoding. Both panels are interactive, with mouseover events highlighting corresponding elements across the two views. The visualization loads a world GeoJSON file, a CSV of production statistics, and a JSON file mapping countries to continents.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.