Skip to main content
SimilarExport ZIP
100%

Fork of scatter plot maenu

✓ Published0🌍 Public
Ddanish-nix
Last edited Jul 9, 2021
Created on May 16, 2021
Forked from Cars Scatter Plot

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, letting users compare any two numeric car attributes by selecting columns from dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` to animate circles from the chart center to their positions over two seconds. Data is loaded from session storage, and the `dropdownMenu.js` module handles menu interactions, while `scatterPlot.js` manages the SVG rendering with animated circle transitions.

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…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles. Users select which data columns map to the X and Y axes via two dropdown menus, built with a reusable `dropdownMenu` function. The plot, rendered as SVG with D3 v5, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. Each circle animates into position using a `transition().duration(2000).delay()` sequence, with axis labels updating dynamically upon menu selection.

Ddanish-nix
95% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository. Users can dynamically select which data columns to map to the X and Y axes using dropdown menus. The visualization employs D3.js v5 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to render axes and circles, with points appearing in an animated transition. The dropdown menus are constructed using a custom `dropdownMenu` function that binds `select` and `option` elements to column names. Data is loaded via `csv()` and parsed into numeric values for plotting.

Ddanish-nix
94% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles. Users can select which data columns map to the X and Y axes through two dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs, with SVG rendering. Selecting a new column triggers an animated transition where circles move to their new positions over one second, using `transition().duration(1000).delay((d, i) => i * 10)` for a staggered effect. The plot is updated via a custom `dropdownMenu` module and `scatterPlot` function.

Ppplomith
94% match
Loading thumbnail…

Fork of Scatter plot with menus

This interactive scatterplot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying relationships between different car attributes. Users can choose which two numeric columns to compare using dropdown menus built with the custom `dropdownmenu` function. The D3 v5 code uses `scaleLinear`, `axisBottom`, and `axisLeft` to render the plot, with animated circle transitions via `transition().duration(1000)`. Data is loaded with `csv`, and all numeric fields are converted to numbers before plotting.

SSwapna1915
94% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which data columns map to the X and Y axes via dropdown menus, with circles animating to their new positions over two seconds when the selection changes. The code uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `transition().duration()` to render the SVG visualization. A reusable `dropdownMenu` module handles the selector UI, while `scatterPlot` manages the axes, labels, and animated circle transitions.

Rrajeshathakur
94% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which columns to map to the X and Y axes via dropdown menus built with a reusable `dropdownMenu` function. The visualization uses d3.v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, and renders SVG circles with a 2-second animated transition that staggers each point’s appearance. Attribute mappings update dynamically when menu selections change, leveraging D3’s data joins and the `transition().delay()` method.

Vvivianaaai@qq.com
93% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles. Users select which numeric columns map to the X and Y axes through dropdown menus, triggering updates to the visualization. The code uses D3 v5 functions including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the SVG axes and animated transitions for repositioning circles. The dropdown menu component is built with a reusable function that appends `<select>` and `<option>` elements, handling user input via a change event listener that updates the selected columns.

Ssumukh-bharadwaj
93% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, letting viewers explore relationships between numerical attributes. Users select which columns map to the X and Y axes from dropdown menus. The visualization is built with D3 v5, using `scaleLinear`, `axisLeft`, `axisBottom`, and `transition().duration()` to animate circles to their new positions when axes change. Data is loaded via `csv`, and the implementation uses an SVG rendering approach with reusable menu and scatter plot components.

Jjt23346059@gmail.com
93% match