Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatterplot Version 2

Public visualization

Viewing a saved revision (read-only)

19979f1003ce47fe80ec3fe153e6eefe

Scatterplot Version 2

0 stars0🌍 Public
SSchmittYannic
Last edited Sep 24, 2020
Created on Aug 20, 2020

This example shows how an interactive scatterplot lets users explore relationships between variables in the classic 1970s automobile fuel-efficiency dataset. Through dropdown menus, users select which numeric columns (such as miles per gallon, horsepower, or weight) map to the X and Y axes, and optionally group points by model year or origin via a categorical legend. A slider and numeric input control circle size and opacity. Built with React and D3 v5, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with animated transitions on SVG circles, plus a custom tooltip that appears on mouseover, displaying the values for the currently selected axes.

AI-generated description

A bare minimum HTML page.

See also React Starter.