Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Fork of HTML Starter

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

This reusable scatter plot visualizes the relationship between total bill and tip amounts from the tips dataset. D3 v7 defines a `scatterPlot()` function that implements `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for day-of-week coloring, plus `d3.axisBottom` and `d3.axisLeft` for ticks. The SVG rendering includes semi-transparent circles, axis labels, and a custom legend built with `selection.append`. The chart uses getter/setter methods for width, height, and data accessors.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed