Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-7 Resusable Scatter Plot

Public visualization

Viewing a saved revision (read-only)

3a312b7007cb4bb9b259d69cb2cffa23

Fork of ICE-7 Resusable Scatter Plot

0 stars0🌍 Public
Kkruthanreddy812@gmail.com
Last edited Mar 28, 2026
Created on Mar 28, 2026

This example uses D3.js to create a reusable scatter plot of laptop sales data, displaying the relationship between cost and quantity sold. The chart is built with an SVG-based custom scatter plot API that constructs axes, labels, and title using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Each point is rendered as a steelblue circle with a radius of six pixels and 70 percent opacity. The code loads a CSV file from a GitHub Gist, parses it, and then applies the plot to a full-window SVG.

AI-generated description