Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 Reusable Scatterplot

Public visualization

Viewing a saved revision (read-only)

fc1cfa22911d4774a816c5646576415f

ICE-7 Reusable Scatterplot

0 stars1🌍 Public
Mmanojgne
Last edited Jul 2, 2022
Created on Jun 30, 2022

This reusable scatter plot, built with D3.js, visualizes the cars dataset, plotting Mileage on the x-axis and Price on the y-axis, with each point colored by car brand (Honda, Mercedez, Ferrari). The chart includes labeled axes, a legend, and a title, all rendered as SVG. The visualization animates by cycling through the dataset's numeric columns (disp, Mileage, hp, Price) as the x-value every two seconds, demonstrating the chart's reusability through a configurable `scatterPlot` function that leverages D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Cars Dataset.