Skip to main content
Search IntMath
Close

Home | Math Display Experiments | Animated trigonometry function graphs - Using D3, including framerate data for comparison

Page by Murray Bourne, IntMath.com. Last updated: 06 Jul 2019

Animated trigonometry function graphs - Using D3, including framerate data for comparison

This shows animation of sine and cosine curves, using D3.js. Best frame rate on desktop is about 20 fps for the first one and 30 for the second.

It was not possible to make this "nice" for mobile phones.

See also:

Using JSXGraph, and

Using JSXGraph with data

Sine case

t = θ = 0

y = 80 sin(0) = 0

Radius = 1

Graph: y = 80 sin(t)

Frame rate = 0 fps

Copyright © www.intmath.com

Cosine case

t = θ = 0

y = 80 cos(0) = 0

Radius = 1

Graph: y = 80 cos(t)

Frame rate = 0 fps

Copyright © www.intmath.com

Tips, tricks, lessons, and tutoring to help reduce test anxiety and move to the top of the class.