P-Norm: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 2: Line 2:
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,4],[3,4],[0,2,10]], {name:'p'});
var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'});
var m = brd.create('point',[0,0]);
var m = brd.create('point',[0,0], {name:'M'});
graph = brd.create('curve', [
graph = brd.create('curve', [
   function(t){
   function(t){
       var p = pNorm.Value();
       var p = pNorm.Value();
       return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+
       return 2.0/Math.pow(Math.po<w(Math.abs(Math.cos(t)),p)+
                 Math.pow(Math.abs(Math.sin(t)),p),1.0/p);
                 Math.pow(Math.abs(Math.sin(t)),p),1.0/p);
   },
   },
Line 16: 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.po<w(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]]

Revision as of 20:42, 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.po<w(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}
   );