Skip to main content
SimilarExport ZIP
100%

ICE 6 SCATTERPLOT

✓ Published0🌍 Public
Uuguggila@gitam.in
Last edited Oct 20, 2025
Created on Oct 20, 2025

This scatter plot visualizes the relationship between horsepower and acceleration for 150 cars, with each point colored by car type (compact, sports, or SUV). The visualization uses the D3.js library, specifically employing `d3.scaleLinear` for the x and y axes and `d3.scaleOrdinal` for categorical color mapping, rendering as an SVG with a legend. Data is loaded from an external CSV file containing car performance metrics. The plot clearly shows the trade-off between engine power and acceleration time, with sports cars generally exhibiting higher horsepower and faster acceleration.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

cars scatter plot

This scatter plot visualizes the relationship between horsepower and acceleration for cars from the UCI Auto MPG dataset, with each circle representing an individual car. Built using D3 v6, the visualization employs scaleLinear for axes, axisBottom and axisLeft for ticks, and SVG circles with a green, semi-transparent fill. The code loads CSV data from a remote URL, parses numeric fields, and renders the chart with labeled axes and a title using D3’s selection and CSV modules.

Nnexus1058
85% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for a dataset of cars. Each circle represents a car, with its x-position mapped to horsepower and y-position to acceleration using linear scales. The visualization is built with D3 v5, using SVG rendering and scaleLinear, axisBottom, and axisLeft components. The data is loaded from a CSV file on VizHub, and the code applies .nice() to smooth axis domains and includes formatted axis labels and a title.

Vvic126
85% match
Loading thumbnail…

ICE_7 Scatter Plot

This animated scatter plot uses D3.js to visualize relationships among numeric car attributes, cycling through pairs of columns like horsepower, price, curb weight, city mpg, engine size, and highway mpg every 3.5 seconds. Circles are colored by drive wheel type via a categorical scale, with axes, labels, and a title updating smoothly through D3 transitions. The data comes from a remote CSV file, and the visualization fills the browser window, using D3 scales, axes, and ordinal color encoding to render the SVG animation.

AAbhiramPudi@my.unt.edu
85% match
Loading thumbnail…

ICE 6 Scatter Plot (Sai Kaushik Ganji)

This scatter plot visualizes the relationship between horsepower and price for various car models, using the Car_sales.csv dataset. Each point represents a vehicle, with circle size encoding sales volume and color distinguishing vehicle type. The visualization uses D3.js v7 to generate an SVG, implementing linear scales for positioning, a d3.forceCollision layout for point separation, and interactive tooltips that display detailed car information on hover. Grid lines and axis labels provide spatial context for comparing data points.

SSai Kaushik Ganji
85% match
Loading thumbnail…

ICE-6 Scatter Plot

This interactive scatter plot explores relationships between numeric attributes of cars from the auto-mpg dataset, such as horsepower, weight, and acceleration. Users select which columns appear on the x- and y-axes via two dropdown menus built with a reusable `dropdownMenu` function. The plot is rendered as SVG using D3 v5 scales, axes, and a custom `scatterPlot` module, with circles sized at a radius of 10 pixels. The code demonstrates a modular pattern for combining menu-driven selection with d3’s `csv` data loading and linear scaling.

RRevanthGrreddy
84% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for cars, with each circle representing a vehicle from the auto-mpg dataset. It demonstrates axis customization using d3.axisLeft and d3.axisBottom, including tick sizing, padding, and label styling. The code uses d3.scaleLinear with extent-based domains and nice() to set scales, while d3.csv loads data from a remote URL. SVG rendering shows semi-transparent steelblue circles, and the plot includes a title and axis labels with custom fonts and colors.

Sshanmango
84% match
Loading thumbnail…

Cars Scatter Plots

This scatter plot visualizes the relationship between horsepower and acceleration for cars from the UCI Machine Learning Repository’s AUTO MPG dataset. Each semi-transparent steelblue circle represents a car, with positions determined by linear scales. The code uses D3 v5 methods like `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, compute domains, and render axes with SVG. Axis labels and a chart title are added as text elements, while grid lines are generated via tick sizes.

IImmaculata-Mary Muoghalu
84% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between acceleration and horsepower for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red semi-transparent circle represents a car, positioned using linear scales. The code employs D3 v5’s `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` functions to load data, map values, and render axes with grid lines. The SVG output includes labeled axes and a title, with styling controlled by external CSS.

DDaniel García
83% match