Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color Menu

Public visualization

Viewing a saved revision (read-only)

f6ecfd81b8d243ad8f9c196a8165c94b

Scatter Plot with Color Menu

1 star8🌍 Public
CCurran Kelleher
Last edited Jun 24, 2019
Created on Jun 9, 2019

This example presents an interactive scatter plot of the auto-mpg dataset, where users select the x-axis, y-axis, and color encoding variables via three dropdown menus built with a reusable d3 module. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for colors, and renders SVG circles with animated transitions. A separate color legend displays the categorical scale. Data parsing and updates are handled through d3.csv and D3’s data join pattern.

AI-generated description

A modification of the original Scatter Plot with Menus showing the addition of a color attribute selector menu.