Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Menus

✓ Published1🌍 Public
CCola731
Last edited Oct 1, 2020
Created on Oct 1, 2020

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository, displaying cars as semi-transparent red circles. Users select which columns to map to the X and Y axes via two dropdown menus, built with D3 v5’s `select` and `selectAll` APIs. The visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and an animated `transition` to reposition points when selections change.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set. The user can select which columns map to X and Y using dropdown menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Menus

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying cars as red circles. Users select which numeric columns map to the x- and y-axes via dropdown menus built with a custom `dropdownMenu` function. The chart updates through D3 v5, using `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, with animated circle transitions (`transition().duration(2000)`) as new data is rendered.

Iidwann-eng
97% 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. Users select which columns to plot on the X and Y axes via dropdown menus. The visualization is built with D3 v5, using `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while `transition().duration()` animates circle positions when the data mapping changes. The SVG rendering includes axis labels and semi-transparent red circles.

JJunyanL
97% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus let viewers choose which car attributes map to the X and Y axes, with all columns available as options. Built with D3 v5, the visualization uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and animates circle positions with a staggered `transition().duration(2000)` when selections change. SVG rendering displays red semi-transparent circles, with axis labels updating dynamically to reflect the selected columns.

TTrustPaul
97% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles positioned by two user-selectable axes. Dropdown menus let the user choose which data columns map to the X and Y coordinates, triggering a re-render of the visualization. Built with D3 v5, the implementation uses d3.scaleLinear for axis scaling, d3.axisLeft and d3.axisBottom for gridlines, and d3.transition to animate points when data changes. SVG output renders red semi-transparent circles with labeled axes.

TTrustPaul
97% match
Loading thumbnail…

Scatter Plot with Menus

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as red, semi-transparent circles. Users select which columns map to the X and Y axes via dropdown menus, built with a reusable `dropdownMenu` D3 module. The visualization uses d3.csv for data loading, d3.scaleLinear for axis scaling, and d3.axisBottom/axisLeft for gridlines, with animated circle transitions via d3.transition. Each axis label updates to reflect the selected column, and the plot re-renders on user interaction.

CCharvi Jain
97% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying relationships between car attributes. Users can dynamically select which columns map to the X and Y axes through dropdown menus created with d3. The visualization uses d3.scaleLinear, d3.extent, axisLeft, and axisBottom to render the axes, while circles animate into position using transition().delay() and transition().duration() as data is re-plotted with different variables.

KKevinw97
97% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles scaled by linear axes. Two dropdown menus allow users to select which column maps to the x-axis and y-axis, dynamically updating the visualization on change. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, while `select` and `transition().duration(2000).delay()` animate points moving between positions. The SVG rendering includes axis labels and tick marks styled via CSS.

LLudovicGouverneur
96% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes car data from the UCI Machine Learning Repository's Auto MPG dataset, allowing users to explore relationships between numerical attributes. Two dropdown menus let the viewer select which columns from the dataset map to the X and Y axes, with selections triggering a re-render. The visualization is built with D3 v5, using `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and animated circle transitions via `transition().duration()`. The plot updates smoothly, displaying data points as semi-transparent red circles over a clean SVG canvas.

Aandys648
96% match