Harmonic Waves: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
<jsxgraph box="jxgbox1" width="600" height="500">
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
     board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis: true, boundingbox: [-6, 5, 6, -5]});
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox1" class="jxgbox" style="width:600px; height:500px;"></div>
<script language="JavaScript">
     board1 = JXG.JSXGraph.initBoard('jxgbox1', {originX: 300, originY: 200, unitX: 50, unitY: 50});
     board1.suspendUpdate();
     board1.suspendUpdate();
    board1.createElement('axis', [[0,0], [1,0]], {});
     var s = board1.create('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S',snapWidth:1});
    board1.createElement('axis', [[0,0], [0,1]], {});
     board1.create('functiongraph', [
     var s = board1.createElement('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S'});
     board1.createElement('functiongraph', [
         function(t) {
         function(t) {
             var val = 0;
             var val = 0, sv = s.Value()+1,
            var k = 1;
                k = 1;
            for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
                for(var i = 0; i < sv; i++) {
                val = val + Math.sin(2*Math.PI*k*t)/k;
                    val = val + Math.sin(2*Math.PI*k*t)/k;
                k += 1;
                    k += 1;
            }
                }
            return val+2;
                return val+2;
             }, -10, 10], {strokeColor: "#bb0000"});
             }, -10, 10], {strokeColor: "#bb0000"});
      
      
         board1.createElement('functiongraph', [
         board1.create('functiongraph', [
             function(t) {
             function(t) {
                var val = 0;
            var val = 0, sv = s.Value()+1,
                 var k = 1;
                 k = 1;
                 for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
                 for(var i = 0; i < sv; i++) {
                     val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
                     val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
                     k += 1;
                     k += 1;
Line 33: Line 26:


     board1.unsuspendUpdate();         
     board1.unsuspendUpdate();         
</script>
</jsxgraph>
</html>


<source lang="javascript">
<source lang="javascript">
    board1 = JXG.JSXGraph.initBoard('jxgbox1', {originX: 300, originY: 200, unitX: 50, unitY: 50});
board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis: true, boundingbox: [-6, 5, 6, -5]});
    board1.suspendUpdate();
board1.suspendUpdate();
    board1.createElement('axis', [[0,0], [1,0]], {});
var s = board1.create('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S',snapWidth:1});
    board1.createElement('axis', [[0,0], [0,1]], {});
board1.create('functiongraph', [
    var s = board1.createElement('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S'});
    function(t) {
    board1.createElement('functiongraph', [
        var val = 0, sv = s.Value()+1,
        function(t) {
        k = 1;
            var val = 0;
        for(var i = 0; i < sv; i++) {
            var k = 1;
            val = val + Math.sin(2*Math.PI*k*t)/k;
            for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
            k += 1;
                val = val + Math.sin(2*Math.PI*k*t)/k;
        }
                k += 1;
        return val+2;
            }
    }, -10, 10], {strokeColor: "#bb0000"});
            return val+2;
 
            }, -10, 10], {strokeColor: "#bb0000"});
board1.create('functiongraph', [
   
    function(t) {
        board1.createElement('functiongraph', [
        var val = 0, sv = s.Value()+1,
            function(t) {
            k = 1;
                var val = 0;
        for(var i = 0; i < sv; i++) {
                var k = 1;
            val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
                for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
            k += 1;
                    val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
        }
                    k += 1;
        return val-2;
                }
    }, -10, 10], {strokeColor: "#cc5520"});
                return val-2;
                }, -10, 10], {strokeColor: "#cc5520"});


    board1.unsuspendUpdate();      
board1.unsuspendUpdate();
</source>
</source>


[[Category:Examples]]
[[Category:Examples]]
[[Category:Calculus]]
[[Category:Calculus]]

Latest revision as of 17:31, 15 March 2020

board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis: true, boundingbox: [-6, 5, 6, -5]});
board1.suspendUpdate();
var s = board1.create('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S',snapWidth:1});
board1.create('functiongraph', [
    function(t) {
        var val = 0, sv = s.Value()+1,
        k = 1;
        for(var i = 0; i < sv; i++) {
            val = val + Math.sin(2*Math.PI*k*t)/k;
            k += 1;
        }
        return val+2;
    }, -10, 10], {strokeColor: "#bb0000"});

board1.create('functiongraph', [
    function(t) {
        var val = 0, sv = s.Value()+1,
            k = 1;
        for(var i = 0; i < sv; i++) {
            val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
            k += 1;
        }
        return val-2;
    }, -10, 10], {strokeColor: "#cc5520"});

board1.unsuspendUpdate();