Difference between revisions of "Lagrange interpolation"

From JSXGraph Wiki
Jump to: navigation, search
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 09:08, 8 June 2011

Constructs a polynomial of degree [math]n[/math] through [math]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();
}