# Animated line drawing with HTML5, Canvas, and JavaScript

**URL:** <https://forum.kirupa.com/t/animated-line-drawing-with-html5-canvas-and-javascript/634833>\
**Category:** Uncategorized\
**Created:** [June 24, 2016, 5:49pm UTC](https://forum.kirupa.com/t/animated-line-drawing-with-html5-canvas-and-javascript/634833 "2016-06-24T17:49:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DrDel](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@DrDel](https://forum.kirupa.com/u/DrDel)\
**Post date:** [June 24, 2016, 5:49pm UTC](https://forum.kirupa.com/t/animated-line-drawing-with-html5-canvas-and-javascript/634833/1 "2016-06-24T17:49:38Z")

</div>

I am a math professor and would like to be able to produce graphs of mathematics functions (equations) as done in DESMOS.  
I would also like to be able to animate them as demonstrated here (may not workin IE)  
[http://www.drdelmath.com/sketch\_parabola/index.htm](http://www.drdelmath.com/sketch_parabola/index.htm) (written in SVG)  
I would like to do this with HTML5, Canvas, and JavaScript.  
Please point me to appropriate tutorial or give me hints.  
Thanks  
DrDel