Difference between revisions of "P-Norm"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
(7 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){ | ||
− | |||
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.pow(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); | ||
− | } | + | }, |
− | [ | + | [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 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.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 21: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}
);