Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-7 Resusable Scatter Plot

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed