Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot with mask

Public visualization

Viewing a saved revision (read-only)

133cdce1e43d49799858d8164733b5aa

D3 Scatter Plot with mask

1 star1🌍 Public
GGiuliaPassoni
Last edited Apr 3, 2023
Created on Mar 30, 2023

This example displays a scatter plot of 200 randomly generated points, each rendered as a small black circle. A circular mask, centered on the canvas, is applied to the SVG group, revealing only the points that fall within its bounds. The visualization uses the D3.js library (v6) for random point generation and SVG rendering. A mask element with a white circle over a black rectangle defines the visible region, creating a spotlight effect on the data.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.