Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Menu Part 2

Public visualization

Viewing a saved revision (read-only)

1227313c46984b36ae56f63a098deaf0

Fork of Menu Part 2

0 stars0🌍 Public
Mmbooch22
Last edited Dec 19, 2022
Created on Dec 19, 2022
Forked from Menu Part 1

This example shows 50 randomly positioned and sized circles bouncing horizontally across the full screen, with a button to sort them by radius or revert to random positions. Built with React and D3 v5, it uses `d3.range`, `d3.timer`, and `d3.select` to manage SVG circle elements, while React state controls the circle data and re-renders on button clicks. The animation continuously updates the `cx` attributes as circles move, and the sort operation reorders the array before updating the DOM.

AI-generated description

Smiley face implementation with React & D3.