Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

c702af73f44c43db87e3b01544226c0c

Circles on a map

0 stars0🌍 Public
Jjlongwellchc
Last edited Sep 19, 2019
Created on Sep 19, 2019

This interactive scatter plot visualizes the relationship between two selectable variables from the auto-mpg dataset, which includes measurements like miles per gallon, cylinders, and horsepower. Users choose the x and y axes through dropdown menus built with a reusable `dropdownMenu` component. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, while circles animate into position via `transition().duration(2000)`. Each point transitions from the center to its final coordinate, rendering as SVG with a semi-transparent orange fill.

AI-generated description