Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot by Mohith

Public visualization

Scatter Plot by Mohith

0 stars0🌍 Public
Kkmohithkumar7@gmail.com
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

This scatter plot displays the relationship between a car's fuel efficiency (MPG) and its price, with each point colored by brand according to a Tableau10 ordinal scale. The visualization uses D3.js v7's `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for ticks, while gridlines are generated via a custom `tickSize` call. Data from the CSV file is loaded using `d3.csv` with `d3.autoType`, and interactive tooltips are added through SVG `circle` elements with appended `title` text. A legend and title are drawn directly onto the SVG.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed