Skip to main content
100%

D3 Scatter Plot with mask

✓ Published1🌍 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.

MIT Licensed

Similar vizzes