Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

8274df37a82e45d6bf25c3c3b2367699

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