Lagrange interpolation: Difference between revisions

From JSXGraph Wiki
No edit summary
Line 3: Line 3:
The dotted line is the graph of the first derivative, the dashed line is the graph of the second derivative.
The dotted line is the graph of the first derivative, the dashed line is the graph of the second derivative.
<html>
<html>
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<form><input type="button" value="Add point" onClick="addPoint()"></form>
<form><input type="button" value="Add point" onClick="addPoint()"></form>
<div id="box" class="jxgbox" style="width:600px; height:400px;"></div>
</html>
<script language="JavaScript">
<jsxgraph box="box" width="600" height="400">
        board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25});
board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 10, 7, -6], axis: true});
        // Axes
        b1axisx = board.create('axis', [[0,0], [1,0]], {});
        b1axisy = board.create('axis', [[0,0], [0,1]], {});


        var p = [];
var p = [];
        p[0] = board.create('point', [-1,2], {style:6});
p[0] = board.create('point', [-1,2], {size:4});
        p[1] = board.create('point', [3,-1], {style:6});
p[1] = board.create('point', [3,-1], {size:4});
        var f = board.lagrangePolynomial(p);
var f = board.lagrangePolynomial(p);
        graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});
var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});
        d1 = board.create('functiongraph', [board.D(f), -10, 10], {dash:1});
var d1 = board.create('functiongraph', [board.D(f), -10, 10], {dash:1});
        d2 = board.create('functiongraph', [board.D(board.D(f)), -10, 10], {dash:2});
var d2 = board.create('functiongraph', [board.D(board.D(f)), -10, 10], {dash:2});
 
function addPoint() {
    p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{size:4}));
    board.update();
}
</jsxgraph>


        function addPoint() {
          p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{style:6}));
          board.update();
        }
         
</script>
</html>
=== References ===
=== References ===
* [http://en.wikipedia.org/wiki/Lagrange_polynomial http://en.wikipedia.org/wiki/Lagrange_polynomial]
* [http://en.wikipedia.org/wiki/Lagrange_polynomial http://en.wikipedia.org/wiki/Lagrange_polynomial]


=== The underlying JavaScript code ===
=== The underlying JavaScript code ===
<source lang="html4strict">
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="box" class="jxgbox" style="width:600px; height:400px;"></div>
</source>
<source lang="javascript">
<source lang="javascript">
        board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25});
board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 10, 7, -6], axis: true});
        // Axes
        b1axisx = board.create('axis', [[0,0], [1,0]], {});
        b1axisy = board.create'axis', [[0,0], [0,1]], {});
 
        var p = [];
        p[0] = board.create('point', [-1,2], {style:6});
        p[1] = board.create('point', [3,-1], {style:6});
       
        var f = board.lagrangePolynomial(p);
        graph = board.create('functiongraph',  [f, -10, 10], {strokeWidth:3});
        d1 = board.create('functiongraph', [board.D(f), -10, 10], {dash:1});
        d2 = board.create('functiongraph', [board.D(board.D(f)), -10, 10], {dash:2});


        function addPoint() {
var p = [];
          p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{style:6}));
p[0] = board.create('point', [-1,2], {size:4});
          board.update();
p[1] = board.create('point', [3,-1], {size:4});
        }
var f = board.lagrangePolynomial(p);
var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});
var d1 = board.create('functiongraph', [board.D(f), -10, 10], {dash:1});
var d2 = board.create('functiongraph', [board.D(board.D(f)), -10, 10], {dash:2});


function addPoint() {
    p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{size:4}));
    board.update();
}
</source>
</source>



Revision as of 08:08, 8 June 2011

Constructs a polynomial of degree [math]\displaystyle{ n }[/math] through [math]\displaystyle{ n+1 }[/math] given points. Points can be added by clicking on "Add point". The dotted line is the graph of the first derivative, the dashed line is the graph of the second derivative.

References

The underlying JavaScript code

board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 10, 7, -6], axis: true});

var p = [];
p[0] = board.create('point', [-1,2], {size:4});
p[1] = board.create('point', [3,-1], {size:4});
var f = board.lagrangePolynomial(p);
var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});
var d1 = board.create('functiongraph', [board.D(f), -10, 10], {dash:1});
var d2 = board.create('functiongraph', [board.D(board.D(f)), -10, 10], {dash:2});

function addPoint() {
    p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{size:4}));
    board.update();
}