Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

500 glowing dots

Public visualization

Viewing a saved revision (read-only)

RkMCMgUKT1UnNfdzuxEsv

500 glowing dots

0 stars0🌍 Public
CCurran Kelleher
Last edited Oct 10, 2026
Created on Oct 10, 2026

Five hundred glowing dots scatter across a dark, square SVG canvas. Each dot consists of a larger outer circle filled with a cyan radial gradient and a smaller, brighter white inner circle created using SVG `radialGradient` definitions. A plain `for` loop generates the dots at random positions within a fixed boundary, using D3 v4 to append `circle` elements and apply CSS classes for styling. The result is a dense, luminous field of varied-sized orbs against a near-black background.

3D Glowing Dots

A ThreeJS port of a 2D SVG glowing-dot field into an interactive 3D point cloud.

Running

Open index.html in a browser (requires internet access for the ThreeJS CDN).

References

mit Licensed