Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rotating pendulum

Public visualization

Viewing a saved revision (read-only)

f7b2d4fe7259448ea5667b6fbd798cd7

rotating pendulum

0 stars0🌍 Public
Ggyan9427
Last edited Jun 17, 2022
Created on Jun 17, 2022

A single black dot orbits an invisible elliptical path around the center of the screen, with two black lines drawn from the top and bottom edges to the dot’s current position. The animation updates every 100 milliseconds using a setInterval loop, incrementing a time variable that drives the dot’s coordinates via trigonometric functions. Built with React and D3.js, the visualization uses D3 selections and `.join()` to create and update SVG `circle` and `line` elements, with the ellipse drawn as an empty SVG `ellipse` shape.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.