Skip to main content
SimilarExport ZIP
100%

Scatterplot with menus

✓ Published0🌍 Public
EEmmanuel Chukwujindu
Last edited Apr 4, 2021
Created on Mar 28, 2021
Forked from Cars Scatter Plot

This interactive scatterplot explores relationships between variables in the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus let users select which columns to plot on the x- and y-axes, dynamically updating the visualization. Built with D3 v5, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `dropdownMenu` component. The plot renders axes with gridlines and animates new data points via `.transition().duration(500)`, drawing paths instead of circles for the data series.

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, showing relationships between car attributes. Two dropdown menus let users select which columns map to the X and Y axes, with axes, labels, and points updating accordingly. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `select` APIs, along with a reusable `dropdownMenu` component. Points animate via `transition().duration(2000)` with staggered delays, rendered as semi-transparent red SVG circles with grid lines.

Eeherchen
96% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus let users select which numeric columns to map to the x- and y-axes, updating the visualization with an animated transition. Built with D3 v5, the chart uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes and gridlines, while SVG circles animate into position via `transition().delay()`. The menus are constructed with a reusable `dropdownMenu` function that binds `option` elements to column names.

Jjesramyep1263
96% match
Loading thumbnail…

Scatter plot with menus

This interactive scatter plot explores relationships between attributes of cars from the UCI Auto MPG dataset. Two dropdown menus let the user select which columns to plot on the x and y axes. Built with D3 v5, it uses the `scaleLinear` and `axisLeft`/`axisBottom` APIs to render axes, while a custom `dropDown` module handles menu creation. Points animate smoothly between states using D3's `.transition().delay()` methods.

Ppaularl
95% match
Loading thumbnail…

Scatter Plot with Menus

This scatter plot displays relationships between pairs of columns in the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus let users choose which columns to plot on the x and y axes. The visualization uses D3 v5, with `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and animated circle transitions via `transition().duration(2000).delay()`. The SVG chart redraws its axes and labels whenever a menu selection changes.

Ggabcoderboi
95% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot uses D3 v5 to visualize the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus allow users to select which numeric columns map to the X and Y axes, with the plot updating through D3’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs. SVG circles represent individual cars, animating to their new positions over two seconds via `transition().duration(2000)` and staggered delays. The code demonstrates reusable functions for the dropdown menu and the scatter plot, with axis labels dynamically reflecting the selected columns.

MMyCode
95% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository, allowing users to select which variables appear on the X and Y axes via custom dropdown menus built with the `dropdownMenu` function. The main visualization uses d3’s `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, while circles are animated into position using `transition().duration(2000)`. When the user changes a menu selection, the chart re-renders smoothly with updated scales and labels.

KKarthik Kunala Venu
95% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, showing relationships between different car attributes. Dropdown menus let users select which columns map to the X and Y axes, updating the visualization dynamically. Built with D3 v5, the code uses d3.scaleLinear for axes, d3.axisLeft and d3.axisBottom for tick marks, and a custom dropdownMenu component with animated circle transitions via d3.transition over a 2-second duration. Each data point appears as a red circle at 10-pixel radius, with SVG rendering and axis labels.

CChenluWang96
95% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, showing relationships between car attributes. Two dropdown menus allow users to select which columns map to the X and Y axes, enabling exploration of various attribute combinations. The visualization uses D3 v5 with `scaleLinear` scales, `axisBottom`, and `axisLeft` components to render the SVG chart. When menu selections change, the scatter plot updates with a staggered transition animation of circles using D3’s `.transition().duration(2000).delay()`.

Aases1996
95% match