Skip to main content
SimilarExport ZIP
100%

Reuablescatterplot

✓ Published0🌍 Public
SSwapna1915
Last edited Jul 20, 2023
Created on Jul 17, 2023

This interactive scatterplot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which numerical attributes to compare via two dropdown menus, which re-render the chart. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and animated circle transitions. SVG rendering displays data points for attributes like horsepower, weight, and acceleration, with labeled axes and gridlines. The code structures reusable dropdown and scatterplot components, enabling dynamic exploration of relationships between any two selected data columns.

AI-generated description

This Scatterplot shows data about cars fom UCI Machine Learning Repository: Auto MPG Data Set

MIT Licensed

Similar vizzes

Loading thumbnail…

Reusable scatterplot

This interactive scatterplot compares pairs of attributes from the UCI Auto MPG dataset, letting users select any two columns from the uploaded CSV to plot against each other via dropdown menus. Built with D3 v5, the visualization uses `scaleLinear` and `extent` for axes, plus `axisLeft` and `axisBottom` for ticks. Points animate into place with staggered transitions, while the reusable `scatterPlot` and `dropdownmenu` modules manage the SVG rendering and menu selection. Data is parsed from a remote CSV file, with numeric columns coerced to numbers.

SSwapna1915
91% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which columns map to the X and Y axes via dropdown menus, allowing comparison of attributes like horsepower, weight, and acceleration. The visualization uses D3.js v5 with the `scaleLinear`, `axisLeft`, and `axisBottom` APIs, rendering SVGs with animated transitions for circles. A modular `dropdownMenu` function and a reusable `scatterPlot` component manage the UI and chart updates, while data loading is handled through `d3.csv`.

SSuman Choudhary
88% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays automotive 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, the visualization uses `scaleLinear` for axes and animates circles with a 2-second transition when selections change. The chart includes axis labels and grid lines, rendered as SVG with opacity-styled red circles. Updates trigger a re-render that re-binds data and transitions circle positions, demonstrating dynamic visualization of multivariate car attributes like horsepower, weight, and acceleration.

Kkzaiets
88% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays automotive data from the UCI Machine Learning Repository Auto MPG dataset, allowing users to dynamically select which columns map to the X and Y axes via dropdown menus. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for scaling, and `d3.axisLeft` and `d3.axisBottom` for axes. Each selection triggers a re-render where circles transition smoothly over two seconds into their new positions using `transition.attr`. The SVG-rendered plot features red, semi-transparent points and labeled axes that update to reflect the chosen variables.

Mmihir2709
88% match
Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, allowing users to explore relationships between car attributes by selecting the x-axis variable via a dropdown menu. The y-axis remains fixed to weight. Built with D3 v5, the visualization uses `d3.scaleLinear` for scales, `d3.axisBottom`, `d3.axisLeft`, and SVG rendering to display circles with a fixed radius of 10 pixels. The dropdown is implemented through a reusable `downDownMenu` function, while the plot itself is rendered by a `skatterPlot` function that appends axes, grid lines, and labels.

Aaidanoconnor1
88% match
Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car weight on the y-axis while allowing users to select different x-axis attributes via a dropdown menu. The visualization uses D3 v5 with SVG rendering, employing `d3.csv` for data loading, `d3.scaleLinear` with `d3.extent` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. A custom dropdown menu component updates the x-axis column through `d3.select` and event handlers, while the scatter plot's circles are appended dynamically with data-bound attributes.

JJun Yi | Dylan
88% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which columns to plot on the X and Y axes via dropdown menus, which re-render the visualization’s axes and circles accordingly. Built with D3 v5, the code uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `dropdownMenu` module. Points animate into position over two seconds with staggered delays, and the SVG rendering includes axis labels, tick marks, and semi-transparent red circles.

Ssirmelpalot
88% 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
88% match