P-Norm: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary  | 
				A WASSERMANN (talk | contribs) No edit summary  | 
				||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<jsxgraph width="500" height="500">  | <jsxgraph width="500" height="500">  | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});  | var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});  | ||
var pNorm = brd.create('slider', [[0,  | var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'});  | ||
var m = brd.create('point',[0,0], {name:'M'});  | |||
graph = brd.create('curve', [  | graph = brd.create('curve', [  | ||
    function(t){  |     function(t){  | ||
       return 2.0;  |       var p = pNorm.Value();  | ||
    }  |        return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+  | ||
    [  |                 Math.pow(Math.abs(Math.sin(t)),p),1.0/p);  | ||
    },  | |||
    [function(){ return m.X();}, function(){ return m.Y();}],    | |||
    0, Math.PI*2],    |     0, Math.PI*2],    | ||
    {curveType:'polar',strokeColor:'red', strokeWidth:2}  |     {curveType:'polar',strokeColor:'red', strokeWidth:2}  | ||
| Line 13: | Line 16: | ||
===The underlying JavaScript code===  | ===The underlying JavaScript code===  | ||
<source lang="javascript">  | |||
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});  | |||
var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'});  | |||
var m = brd.create('point',[0,0], {name:'M'});  | |||
graph = brd.create('curve', [  | |||
   function(t){  | |||
      var p = pNorm.Value();  | |||
      return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+  | |||
                Math.pow(Math.abs(Math.sin(t)),p),1.0/p);  | |||
   },  | |||
   [function(){ return m.X();}, function(){ return m.Y();}],   | |||
   0, Math.PI*2],   | |||
   {curveType:'polar',strokeColor:'red', strokeWidth:2}  | |||
   );  | |||
</source>  | |||
[[Category:Examples]]  | [[Category:Examples]]  | ||
[[Category:Calculus]]  | [[Category:Calculus]]  | ||
Latest revision as of 20:45, 1 July 2010
The underlying JavaScript code
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'});
var m = brd.create('point',[0,0], {name:'M'});
graph = brd.create('curve', [
   function(t){
      var p = pNorm.Value();
      return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+
                Math.pow(Math.abs(Math.sin(t)),p),1.0/p);
   },
   [function(){ return m.X();}, function(){ return m.Y();}], 
   0, Math.PI*2], 
   {curveType:'polar',strokeColor:'red', strokeWidth:2}
   );