Skip to main content
SimilarExport ZIP
100%

Fork of Scatter plot

✓ Published2🌍 Public
Kkovuribalanagavinay@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from Scatter plot

This scatter plot visualizes the relationship between car price and horsepower for 50 car models across 10 brands, using color-coded dots to distinguish brands. Built with D3 v7, the SVG chart plots each vehicle as a circle with hover tooltips showing model details like year and exact price. The visualization includes axes, labels, a title, and a color legend. Data comes from a CSV file loaded via d3.csv, with numeric fields parsed and scales applied using d3.scaleLinear and d3.scaleOrdinal with colors from d3.schemeCategory10.

AI-generated description
MIT Licensed

Similar vizzes

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

Bivariate Cars Scatter Plot

This D3.js v5 scatter plot visualizes the relationship between horsepower and retail price for a dataset of cars from the UCI Machine Learning Repository. The visualization encodes car brand as color using a categorical color scale with ordinal categories, and engine size as circle area through a square-root scale, with legends for both encodings. The chart renders as an SVG with axis labels, gridlines, and a title, using d3.scaleLinear for axes and d3.scaleOrdinal for color mapping.

CCharvi Jain
85% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository, showing the relationship between horsepower and weight for individual car models. Each circle represents a car, positioned according to its horsepower and weight values. The visualization is built using D3 version 5, with a linear scale for both axes, axis generators with tick marks, and SVG circle elements rendered at a fixed radius. The code loads data from an external CSV file and includes axis labels, a title, and custom styling for ticks and text elements.

LLehoczky Zoltán
85% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between horsepower and torque for ten car makes, with each make represented by a colored circle. The plot uses D3.js v7 with SVG rendering and interactive tooltips that display the car make and its values on hover. Axes are labeled and scaled using `d3.scaleLinear`, while circles are positioned with `d3.axisBottom` and `d3.axisLeft` for the grid. The chart is animated through CSS transitions on tooltip opacity, providing a clean, hover-driven exploration of the dataset.

Jjayakrishnanallani5@gmail.com
84% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between vehicle weight and horsepower for 25 car models, with each point representing a car from the dataset. The visualization uses D3 v5 to render SVG circles, with weight on the x-axis and horsepower on the y-axis. The code employs d3.scaleLinear, d3.extent, and d3.axisBottom/axisLeft to create scales and axes, while d3.format customizes the tick labels to abbreviate large numbers. The chart includes grid lines, axis labels, and a title, with data loaded from a CSV file via d3.csv.

Ggaowxx@qq.com
84% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot shows the relationship between vehicle weight and horsepower for a small dataset of 1970s cars. Each circle represents a car model, colored by its country of origin. The visualization uses D3.js (v7) to render the SVG graphics, scaling the x-axis for weight and y-axis for horsepower. Points are drawn with a linear scale and an ordinal color scale. Hovering over a point triggers a tooltip displaying the car's name, weight, and horsepower. The chart includes labeled axes and a legend for the origin categories.

Ssathvik0311@gmail.com
84% match