Skip to main content
Search IntMath
Close

450+ Math Lessons written by Math Professors and Teachers

5 Million+ Students Helped Each Year

1200+ Articles Written by Math Educators and Enthusiasts

Simplifying and Teaching Math for Over 23 Years

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

Search IntMath, blog and Forum

Search IntMath