Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot with mask

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed