Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Scatter Plot with Menus

0 stars0๐ŸŒ Public
AArikuzzaman Idrisy
Last edited Apr 30, 2019
Created on Apr 30, 2019

This interactive scatter plot uses dropdown menus to let viewers select which data columns to display on the x- and y-axes. The visualization reads from a CSV file containing movie attributes like budget, gross, and IMDb score. The scatterPlot function creates linear scales, axes, and animated circles using d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom. A dropdownMenu module builds the select elements with d3 data joins. The circles transition over 2 seconds with staggered delays, showing how axis labels and data points update dynamically when menu options change.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed