Inverse mapping of the power function: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 11: Line 11:
//
//
var n = b.createElement('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
var n = b.createElement('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
b.createElement('curve', [function(t){ return t; }, function(t){ return t}, "t"],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.createElement('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.createElement('curve', [function(t){ return t; }, function(t){ return b.pow(t,n.X()); }, "t",0.001,8],{strokeColor:'#ff0000'});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.X()); },0.001,8],{strokeColor:'#ff0000'});
b.createElement('curve', [function(t){ return t; }, function(t){ return b.pow(t,1/n.X()); }, "t",0.001,8],{strokeColor:'#ff0000',dash:2});
b.createElement('functiongraph', [function(t){ return b.pow(t,1/n.X()); },0.001,8],{strokeColor:'#ff0000',dash:2});
b.unsuspendUpdate();
b.unsuspendUpdate();
</script>  
</script>  
Line 30: Line 30:
b.createElement('axis', [[0,0], [0,1]], {});
b.createElement('axis', [[0,0], [0,1]], {});
var n = b.createElement('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
var n = b.createElement('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
b.createElement('curve', [function(t){ return t; }, function(t){ return t}, "t"],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.createElement('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.createElement('curve', [function(t){ return t; }, function(t){ return b.pow(t,n.X()); }, "t",0.001,8],{strokeColor:'#ff0000'});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.X()); },0.001,8],{strokeColor:'#ff0000'});
b.createElement('curve', [function(t){ return t; }, function(t){ return b.pow(t,1/n.X()); }, "t",0.001,8],{strokeColor:'#ff0000',dash:2});
b.createElement('functiongraph', [function(t){ return b.pow(t,1/n.X()); },0.001,8],{strokeColor:'#ff0000',dash:2});
b.unsuspendUpdate();
b.unsuspendUpdate();
</source>
</source>

Revision as of 11:49, 10 March 2009

<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/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:600px; height:400px;"></div>
b = JXG.JSXGraph.initBoard('jxgbox', {originX: 220, originY: 300, unitX: 40, unitY: 40});
b.suspendUpdate();
b.createElement('axis', [[0,0], [1,0]], {});
b.createElement('axis', [[0,0], [0,1]], {});
var n = b.createElement('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
b.createElement('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.X()); },0.001,8],{strokeColor:'#ff0000'});
b.createElement('functiongraph', [function(t){ return b.pow(t,1/n.X()); },0.001,8],{strokeColor:'#ff0000',dash:2});
b.unsuspendUpdate();