Power Series for sine and cosine: Difference between revisions
From JSXGraph Wiki
| No edit summary | A WASSERMANN (talk | contribs) No edit summary | ||
| (21 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| == Power Series for Sine == | == Power Series for Sine == | ||
| :<math>\sum_{k=0}^n (-1)^k\frac{1}{(2k+1)!}x^{2k+1}</math> | |||
| <jsxgraph box="jxgbox1" width="700" height="300"> | |||
| board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis:true, boundingbox: [-6, 3, 8, -3]}); | |||
| board1.suspendUpdate(); | |||
| board1.create('functiongraph', [function(t){ return Math.sin(t); },-10, 10],{strokeColor: "#cccccc"}); | |||
| var s = board1.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'S',snapWidth:1}); | |||
| board1.create('functiongraph', [ | |||
| 	function(t) { | |||
| 		var val = 0, i, sv = s.Value()+1; | |||
| 		for(i = 0; i < sv; i++) { | |||
|    			val = val + Math.pow(-1, i) * Math.pow(t, 2 * i + 1) / JXG.Math.factorial(2*i+1); | |||
| 		} | |||
| 		return val; | |||
| 	}, | |||
| -10, 10], {strokeColor: "#bb0000"}); | |||
| board1.unsuspendUpdate(); | |||
| </jsxgraph>  | |||
| <source lang="javascript"> | <source lang="javascript"> | ||
| board1 = JXG.JSXGraph.initBoard('jxgbox1', { | board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis:true, boundingbox: [-6, 3, 8, -3]}); | ||
| board1.suspendUpdate(); | board1.suspendUpdate(); | ||
| board1. | board1.create('functiongraph', [function(t){ return Math.sin(t); },-10, 10],{strokeColor: "#cccccc"}); | ||
| var s = board1.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'S',snapWidth:1}); | |||
| board1.create('functiongraph', [ | |||
| var s = board1. | |||
| board1. | |||
|    function(t) { |    function(t) { | ||
|      var val = 0; |      var val = 0, i, sv = s.Value()+1; | ||
|      for( |      for(i = 0; i < sv; i++) { | ||
|        val = val + Math.pow(-1, i) * Math.pow(t, 2 * i + 1) /  |        val = val + Math.pow(-1, i) * Math.pow(t, 2 * i + 1) / JXG.Math.factorial(2*i+1); | ||
|      } |      } | ||
|      return val; |      return val; | ||
|    } |    }, -10, 10], {strokeColor: "#bb0000"}); | ||
| board1.unsuspendUpdate(); | board1.unsuspendUpdate(); | ||
| </source> | </source> | ||
| == Power Series for Cosine == | |||
| <jsxgraph box="jxgbox2" width="700" height="300"> | |||
| < | board2 = JXG.JSXGraph.initBoard('jxgbox2', {axis:true, boundingbox: [-6, 3, 8, -3]}); | ||
| board2.suspendUpdate(); | |||
| board2.create('functiongraph', [function(t){ return Math.cos(t); }, -10, 10],{strokeColor: "#cccccc"}); | |||
| var s2 = board2.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'T',snapWidth:1}); | |||
| board2.create('functiongraph', [ | |||
| var  | |||
| 	function(t) { | 	function(t) { | ||
| 		var val = 0; | 		var val = 0, i, sv = s2.Value()+1; | ||
| 		for( | 		for(i = 0; i < sv; i++) { | ||
|     			val = val + Math.pow(-1, i) * Math.pow(t, 2 * i  |     			val = val + Math.pow(-1, i) * Math.pow(t, 2 * i) / JXG.Math.factorial(2*i); | ||
| 		} | 		} | ||
| 		return val; | 		return val; | ||
| 	}, | 	}, | ||
| -10, 10],{strokeColor: "#009900"});						 | |||
| board2.unsuspendUpdate(); | |||
| </jsxgraph> | |||
| </ | |||
| <source lang="javascript"> | <source lang="javascript"> | ||
| board2 = JXG.JSXGraph.initBoard('jxgbox2', { | board2 = JXG.JSXGraph.initBoard('jxgbox2', {axis:true, boundingbox: [-6, 3, 8, -3]}); | ||
| board2.suspendUpdate(); | board2.suspendUpdate(); | ||
| board2. | board2.create('functiongraph', [function(t){ return Math.cos(t); }, -10, 10],{strokeColor: "#cccccc"}); | ||
| var s2 = board2.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'T',snapWidth:1}); | |||
| board2.create('functiongraph', [ | |||
| var s2 = board2. | |||
| board2. | |||
|    function(t) { |    function(t) { | ||
|      var val = 0 |      var val = 0, i, sv = Math.floor(s2.Value())+1; | ||
|     for(i = 0; i < sv; i++) { | |||
|        val = val + Math.pow(-1, i) * Math.pow(t, 2 * i) /  |        val = val + Math.pow(-1, i) * Math.pow(t, 2 * i) / JXG.Math.factorial(2*i); | ||
|      } |      } | ||
|      return val; |      return val; | ||
|    } |    }, -10, 10],{strokeColor: "#009900"});						 | ||
| board2.unsuspendUpdate(); | board2.unsuspendUpdate(); | ||
| </source> | </source> | ||
| === References === | |||
| * [http://en.wikipedia.org/wiki/Trigonometric_functions http://en.wikipedia.org/wiki/Trigonometric_functions] | |||
| [[Category:Examples]] | [[Category:Examples]] | ||
| [[Category:Calculus]] | |||
Latest revision as of 15:42, 20 February 2013
Power Series for Sine
- [math]\displaystyle{ \sum_{k=0}^n (-1)^k\frac{1}{(2k+1)!}x^{2k+1} }[/math]
board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis:true, boundingbox: [-6, 3, 8, -3]});
board1.suspendUpdate();
board1.create('functiongraph', [function(t){ return Math.sin(t); },-10, 10],{strokeColor: "#cccccc"});
var s = board1.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'S',snapWidth:1});
board1.create('functiongraph', [
  function(t) {
    var val = 0, i, sv = s.Value()+1;
    for(i = 0; i < sv; i++) {
      val = val + Math.pow(-1, i) * Math.pow(t, 2 * i + 1) / JXG.Math.factorial(2*i+1);
    }
    return val;
  }, -10, 10], {strokeColor: "#bb0000"});
board1.unsuspendUpdate();
Power Series for Cosine
board2 = JXG.JSXGraph.initBoard('jxgbox2', {axis:true, boundingbox: [-6, 3, 8, -3]});
board2.suspendUpdate();
board2.create('functiongraph', [function(t){ return Math.cos(t); }, -10, 10],{strokeColor: "#cccccc"});
var s2 = board2.create('slider', [[0.75,-1.5],[5.75,-1.5],[0,0,10]], {name:'T',snapWidth:1});
board2.create('functiongraph', [
  function(t) {
    var val = 0, i, sv = Math.floor(s2.Value())+1;
    for(i = 0; i < sv; i++) {
      val = val + Math.pow(-1, i) * Math.pow(t, 2 * i) / JXG.Math.factorial(2*i);
    }
    return val;
  }, -10, 10],{strokeColor: "#009900"});						
board2.unsuspendUpdate();
