Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Wine/Happy Graph Take 2

Public visualization

Viewing a saved revision (read-only)

83f29b8d55eb40c287a5783d6b00cf94

Wine/Happy Graph Take 2

0 stars2🌍 Public
Kkaijavanzante@gmail.com
Last edited May 13, 2024
Created on May 1, 2024

This example presents two side-by-side scatter plots that compare wine production and consumption quantities against a selected variable—such as happiness, GDP, or social support—across countries. A dropdown menu allows viewers to switch the y-axis variable, updating both charts simultaneously for comparison. Built with React and D3.js v6, the visualization uses `d3.select`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render axes and circles with animated transitions. Hovering over a point triggers a tooltip displaying the exact quantity and selected variable value.

AI-generated description

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

See also React Starter.