Skip to main content
SimilarExport ZIP
100%

Abhiram_SDV_ICE_5

✓ Published0🌍 Public
AAbhiramPudi@my.unt.edu
Last edited Oct 6, 2025
Created on Oct 6, 2025
Forked from HTML Starter

This interactive dashboard visualizes the relationship between horsepower and manufacturer's suggested retail price (MSRP) for popular car models. A scatter plot displays each vehicle as a dot, with the price on the x-axis and horsepower on the y-axis, alongside a summary panel showing dataset statistics such as total models and average values. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` and `d3.extent` for scaling, and renders SVG circles with hover effects. The layout is structured with HTML and CSS flexbox.

AI-generated description
MIT Licensed

Similar vizzes

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
80% match
Loading thumbnail…

ICE_6 scatter plot_Nirupama

This scatter plot visualizes the relationship between Horsepower and Price_in_thousands for car models, with Sales_in_thousands encoded as circle size and Vehicle_type as color. The SVG visualization uses d3.v7 with a linear x-scale for horsepower, a linear y-scale for price, and a sqrt scale for the size encoding. Interactive hover tooltips reveal model-specific details. Data comes from Car_sales.csv, rendered with grid lines and axis labels. Color and size legends provide contextual mapping.

NNirupama Karanam
80% match
Loading thumbnail…

Cars1 Scatter Plot

This scatter plot displays the relationship between horsepower and retail price for a collection of cars, with each vehicle represented as a red, semi-transparent circle. The visualization uses D3 v5 to construct an SVG chart, employing `d3.scaleLinear` for both axes and `d3.axisLeft`/`d3.axisBottom` for tick marks and gridlines. It pulls data from the UCI Machine Learning Repository's Auto MPG dataset, which is loaded via `d3.csv` and processed before rendering. Axis labels and a title are added as text elements within the SVG.

CCharvi Jain
79% match
Loading thumbnail…

Bivariate Cars Scatter Plot

This scatter plot displays the relationship between a car’s horsepower and its retail price, with each vehicle represented by a semi-transparent red circle. Built with D3 v5, the visualization uses the `scaleLinear` API to map the data domain to pixel coordinates for both axes, and `axisLeft` and `axisBottom` to render the chart’s grid lines and tick labels. The data comes from the UCI Machine Learning Repository's Auto MPG dataset. The code employs `csv` to load the data, converts numeric fields with the unary plus operator, and appends circles to an SVG canvas.

CCharvi Jain
79% 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
79% match
Loading thumbnail…

Fork of ICE 6 Scatter Plot (Sai Kaushik Ganji)

This scatter plot visualizes the relationship between vehicle horsepower and price, using point size to encode sales volume and color to distinguish vehicle type. Built with D3.js v7, the visualization renders data from a bundled Car_sales.csv file as an SVG. The plot includes labeled axes, a hover tooltip for detailed inspection, and separate legends for the color-coded vehicle categories and size-scaled sales figures. The implementation uses D3's selection and scale APIs to map the dataset fields to visual encodings.

Kkhushburajan2015@gmail.com
78% match
Loading thumbnail…

Scatter Plot: Cars

This scatter plot displays the relationship between retail price and horsepower for a dataset of cars, with each circle representing a vehicle. The visualization uses SVG rendering with D3 v5, employing the `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs to map the data to pixel coordinates. The car data is loaded from a CSV file, and the axes include custom labels and tick formatting. The plot highlights the distribution of cars based on these two numeric attributes.

CCharvi Jain
78% match
Loading thumbnail…

Scatter Plot: Cars

This scatter plot displays the relationship between retail price and horsepower for a dataset of cars, with each circle representing a vehicle. The visualization uses SVG rendering with D3 v5, employing the `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs to map the data to pixel coordinates. The car data is loaded from a CSV file, and the axes include custom labels and tick formatting. The plot highlights the distribution of cars based on these two numeric attributes.

CCharvi Jain
78% match