Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Menus

✓ Published1🌍 Public
ZZhi Guangda
Last edited Aug 15, 2019
Created on Aug 15, 2019

This scatter plot uses D3 v5 to visualize car data from the UCI Machine Learning Repository, with interactive menus to select x- and y-axis variables. A k-means clustering algorithm, initiated via buttons, animates the assignment of points to clusters as group centers move. The SVG rendering relies on d3.scaleLinear for axes and d3.transition for animated dot movement.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, with menus for selecting the x- and y-axis columns. It also demonstrates k-means clustering through step, restart, and reset buttons that animate the clustering process. The visualization uses D3 v5 for rendering, relying on scaleLinear, axisLeft, and axisBottom for axes, and SVG transitions to animate the movement of circles between positions. The implementation shows clusters being computed and drawn dynamically, with each point's group assignment changing the fill color as the algorithm progresses.

ZZhi Guangda
93% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, with menus for selecting the x- and y-axis columns. It also demonstrates k-means clustering through step, restart, and reset buttons that animate the clustering process. The visualization uses D3 v5 for rendering, relying on scaleLinear, axisLeft, and axisBottom for axes, and SVG transitions to animate the movement of circles between positions. The implementation shows clusters being computed and drawn dynamically, with each point's group assignment changing the fill color as the algorithm progresses.

ZZhi Guangda
93% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes car data from the UCI Machine Learning Repository's Auto MPG dataset, letting users choose which columns to map to the X and Y axes via dropdown menus. Built with D3 v5, it uses `scaleLinear`, `scaleTime`, `axisLeft`, and `axisBottom` to render axes and `transition.attr` with staggered delays to animate each circle into place. The plot displays depth, temperature, and other measurements, with the SVG rendering updating in response to menu selections.

SShane Carey
91% match
Loading thumbnail…

Scatter Plot with Menus

This scatter plot visualizes car data from the UCI Auto MPG dataset, letting users explore relationships between numeric columns. Two dropdown menus allow selection of which variables map to the X and Y axes, triggering animated transitions of circles via D3 v5’s `transition().duration(2000)`. The visualization uses SVG rendering with `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` from D3. Axis labels update dynamically, and circles fade from the center as data points reposition, demonstrating interactive data exploration through reusable menu and scatter plot modules.

Aanonymous5776
91% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot animates k-means clustering on synthetic data, using buttons to step through iterations, restart, or reset the algorithm. Menus let the viewer select x- and y-axis columns from the loaded Auto MPG dataset. The visualization uses D3 v5 with SVG rendering, applying `transition.attr` for animated circle movement, `axisBottom` and `axisLeft` for axes, and custom `dropdownMenu` and `scatterPlot` modules to manage clustering groups and redraws.

ZZhi Guangda
91% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot from the D3 v5 gallery displays car attributes from the UCI Auto MPG dataset, with dropdown menus controlling the x- and y-axis variables. Users select columns like horsepower or weight to update the axes, and points animate to their new positions over two seconds using chained transition and delay methods. The visualization uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, and SVG circles with opacity, while custom dropdown menu functions bind change events to trigger re-renders.

YYF
91% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot lets users explore car data from the UCI Machine Learning Repository's Auto MPG dataset. Two dropdown menus allow selection of which data columns map to the X and Y axes. Built with D3 v5, the visualization uses dropdownMenu to handle menu interactions and scatterPlot with scaleLinear, axisBottom, axisLeft, and transition delays to animate circles into position. The SVG rendering includes gridlines and axis labels.

Ssourcebox-bug
91% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset. Users control which columns map to the X and Y axes through dropdown menus, with animated transitions moving circles to their new positions over two seconds. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition().delay()` to render the SVG, while `dropdownMenu` handles the interactive selections.

Ssourcebox-bug
91% match