Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sine function with React

Public visualization

Sine function with React

0 stars1🌍 Public
NNita
Last edited Mar 10, 2020
Created on Mar 10, 2020
Forked from My React Starter

This example visualizes a sine wave using a series of circles plotted along the x-axis, with each circle’s vertical position computed as `Math.sin(a) * 200` and offset from the horizontal center. The chart is rendered as an SVG using React and ReactDOM, with 50 circles spaced 50 pixels apart across a 960×500 canvas. The code leverages React’s declarative component structure, mapping over an array of x-coordinates to generate circle elements, while the HTML loads React libraries and a separate `bundle.js` to run the visualization.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed