Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Distribution Scatter 1

Public visualization

Viewing a saved revision (read-only)

fd85a87d43ee47459e3c50ce7806eac0

Distribution Scatter 1

3 stars2🌍 Public
WWaseem Medhat
Last edited Nov 15, 2020
Created on Nov 14, 2020
Forked from HTML Starter

This example visualizes a dynamic scatter plot of 500 values sampled from a normal distribution using `d3.randomNormal`. Vertical rectangles represent each data point, positioned along the x-axis and layered with low opacity. Every five seconds, the background and foreground rectangle colors transition to a new palette, cycling through six predefined color schemes. The visualization is built with D3 v6, rendered as SVG, and uses `transition.attr` to animate color changes over one-second durations.

AI-generated description

Transparent rectangles with changing colors, rendered from random samples of a normal distribution. Inspired from work by Nita Nagdewate.

See also: