grateful4music@hotmail.com

@grateful4music·2 public vizzes

This is so cool "Map function inside Map function"

A React application renders an SVG scatterplot of 101 circles, where each circle's position and color derive from nested map functions iterating over an array of integers from 0 to 100. The outer and inner `Array.map` calls generate coordinates using `Math.random()` multiplied by the array value, producing a randomized distribution. Circle radius is fixed at 5, with fill and stroke colors computed from the index, using React's JSX syntax to create SVG elements. The code relies on React 16.10 and ReactDOM to mount the visualization into the DOM.

Sep 25, 2022

Loading thumbnail…

Fork of Mathematical Graphic Patterns

This animated visualization displays a grid of 30 by 30 circles that orbit and pulse in a rhythmic, colorful pattern, creating a hypnotic screensaver effect. Circles move along circular paths with varying radii and speeds, while their size and color shift over time based on sine functions tied to the animation clock. The canvas API handles all rendering, with requestAnimationFrame driving the continuous loop and a semi-transparent fillRect creating motion trails. The code uses no external libraries, drawing directly as a fork of the original mathematical patterns tutorial.

Sep 23, 2022