🌍 Public
Viewing a saved revision (read-only)
e515a2f78e664611b44bcbf822af6740
Concentric circles -linear gradient
This example shows a field of concentric circles arranged around a central point, where each circle’s radius varies randomly and the overall composition suggests a glowing, planet-like form. The visualization is rendered as an SVG using React components, with each circle’s position calculated from trigonometric functions and a pixel-based loop. The code defines a radial gradient and a drop-shadow filter, while the background uses a CSS linear gradient from green to black. The `Circles` component receives `cx`, `cy`, `r`, and fill props, with random sizing and color values generated via JavaScript’s `Math.random()`.
AI-generated descriptionReact Starter code.