https://jsxgraph.org/wiki/api.php?action=feedcontributions&feedformat=atom&user=Bookofproofs
JSXGraph Wiki - User contributions [en]
2026-04-06T09:05:54Z
User contributions
MediaWiki 1.43.1
https://jsxgraph.org/wiki/index.php?title=Binomial_distribution&diff=6487
Binomial distribution
2016-03-20T18:44:41Z
<p>Bookofproofs: </p>
<hr />
<div>{|<br />
|Probability<br />
|Binomial Distribution<br />
|-<br />
| <jsxgraph box="box1" width="400" height="100"> <br />
var brd1 = JXG.JSXGraph.initBoard('box1', {boundingbox: [-0.3, 0, 1.3, -4], showNavigation:false, showCopyright: false, axis:false});<br />
var prob = brd1.create('slider',[[0,-2],[1,-2],[0,.5,1]], {name:'p'});<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1, 1.1, 21, -.1], axis:true, showCopyright:false});<br />
<br />
brd1.addChild(brd);<br />
<br />
var p0 = brd.create('point', [0, function() {return binomial(20, 0, prob.Value());}], {name:''});<br />
var p1 = brd.create('point', [1, function() {return binomial(20, 1, prob.Value());}], {name:''});<br />
var p2 = brd.create('point', [2, function() {return binomial(20, 2, prob.Value());}], {name:''});<br />
var p3 = brd.create('point', [3, function() {return binomial(20, 3, prob.Value());}], {name:''});<br />
var p4 = brd.create('point', [4, function() {return binomial(20, 4, prob.Value());}], {name:''});<br />
var p5 = brd.create('point', [5, function() {return binomial(20, 5, prob.Value());}], {name:''});<br />
var p6 = brd.create('point', [6, function() {return binomial(20, 6, prob.Value());}], {name:''});<br />
var p7 = brd.create('point', [7, function() {return binomial(20, 7, prob.Value());}], {name:''});<br />
var p8 = brd.create('point', [8, function() {return binomial(20, 8, prob.Value());}], {name:''});<br />
var p9 = brd.create('point', [9, function() {return binomial(20, 9, prob.Value());}], {name:''});<br />
var p10 = brd.create('point', [10, function() {return binomial(20, 10, prob.Value());}], {name:''});<br />
var p11 = brd.create('point', [11, function() {return binomial(20, 11, prob.Value());}], {name:''});<br />
var p12 = brd.create('point', [12, function() {return binomial(20, 12, prob.Value());}], {name:''});<br />
var p13 = brd.create('point', [13, function() {return binomial(20, 13, prob.Value());}], {name:''});<br />
var p14 = brd.create('point', [14, function() {return binomial(20, 14, prob.Value());}], {name:''});<br />
var p15 = brd.create('point', [15, function() {return binomial(20, 15, prob.Value());}], {name:''});<br />
var p16 = brd.create('point', [16, function() {return binomial(20, 16, prob.Value());}], {name:''});<br />
var p17 = brd.create('point', [17, function() {return binomial(20, 17, prob.Value());}], {name:''});<br />
var p18 = brd.create('point', [18, function() {return binomial(20, 18, prob.Value());}], {name:''});<br />
var p19 = brd.create('point', [19, function() {return binomial(20, 19, prob.Value());}], {name:''});<br />
var p20 = brd.create('point', [20, function() {return binomial(20, 20, prob.Value());}], {name:''});<br />
<br />
<br />
var f = brd.create('functiongraph',[function(x){ <br />
var dist=0;<br />
<br />
for (n=0; n < 20 + 1; n++) {<br />
if (x < n) {<br />
return dist;<br />
} <br />
dist=dist+binomial(20, n, prob.Value());<br />
}<br />
return dist; <br />
}]);<br />
<br />
<br />
function binomial(n, k, p) {<br />
<br />
var coeff = 1;<br />
<br />
<br />
for (var x = n - k + 1; x < n+1; x++) {<br />
coeff *= x;<br />
}<br />
for (x = 1; x < k+1; x++) {<br />
coeff /= x;<br />
}<br />
<br />
var p1=1;<br />
var p2=1;<br />
<br />
<br />
for (x=0; x < k; x++) {<br />
p1=p1*p;<br />
}<br />
<br />
for (x=0; x < n-k; x++) {<br />
p2=p2*(1-p);<br />
}<br />
<br />
<br />
return coeff*p1*p2;<br />
}<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/binomial-distribution/ read more about bonomial distribution on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Binomial_distribution&diff=6486
Binomial distribution
2016-03-20T18:44:14Z
<p>Bookofproofs: </p>
<hr />
<div><br />
{|<br />
|Probability<br />
|Binomial Distribution<br />
|-<br />
| <jsxgraph box="box1" width="400" height="100"> <br />
var brd1 = JXG.JSXGraph.initBoard('box1', {boundingbox: [-0.3, 0, 1.3, -4], showNavigation:false, showCopyright: false, axis:false});<br />
var prob = brd1.create('slider',[[0,-2],[1,-2],[0,.5,1]], {name:'p'});<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1, 1.1, 21, -.1], axis:true, showCopyright:false});<br />
<br />
brd1.addChild(brd);<br />
<br />
var p0 = brd.create('point', [0, function() {return binomial(20, 0, prob.Value());}], {name:''});<br />
var p1 = brd.create('point', [1, function() {return binomial(20, 1, prob.Value());}], {name:''});<br />
var p2 = brd.create('point', [2, function() {return binomial(20, 2, prob.Value());}], {name:''});<br />
var p3 = brd.create('point', [3, function() {return binomial(20, 3, prob.Value());}], {name:''});<br />
var p4 = brd.create('point', [4, function() {return binomial(20, 4, prob.Value());}], {name:''});<br />
var p5 = brd.create('point', [5, function() {return binomial(20, 5, prob.Value());}], {name:''});<br />
var p6 = brd.create('point', [6, function() {return binomial(20, 6, prob.Value());}], {name:''});<br />
var p7 = brd.create('point', [7, function() {return binomial(20, 7, prob.Value());}], {name:''});<br />
var p8 = brd.create('point', [8, function() {return binomial(20, 8, prob.Value());}], {name:''});<br />
var p9 = brd.create('point', [9, function() {return binomial(20, 9, prob.Value());}], {name:''});<br />
var p10 = brd.create('point', [10, function() {return binomial(20, 10, prob.Value());}], {name:''});<br />
var p11 = brd.create('point', [11, function() {return binomial(20, 11, prob.Value());}], {name:''});<br />
var p12 = brd.create('point', [12, function() {return binomial(20, 12, prob.Value());}], {name:''});<br />
var p13 = brd.create('point', [13, function() {return binomial(20, 13, prob.Value());}], {name:''});<br />
var p14 = brd.create('point', [14, function() {return binomial(20, 14, prob.Value());}], {name:''});<br />
var p15 = brd.create('point', [15, function() {return binomial(20, 15, prob.Value());}], {name:''});<br />
var p16 = brd.create('point', [16, function() {return binomial(20, 16, prob.Value());}], {name:''});<br />
var p17 = brd.create('point', [17, function() {return binomial(20, 17, prob.Value());}], {name:''});<br />
var p18 = brd.create('point', [18, function() {return binomial(20, 18, prob.Value());}], {name:''});<br />
var p19 = brd.create('point', [19, function() {return binomial(20, 19, prob.Value());}], {name:''});<br />
var p20 = brd.create('point', [20, function() {return binomial(20, 20, prob.Value());}]);<br />
<br />
<br />
var f = brd.create('functiongraph',[function(x){ <br />
var dist=0;<br />
<br />
for (n=0; n < 20 + 1; n++) {<br />
if (x < n) {<br />
return dist;<br />
} <br />
dist=dist+binomial(20, n, prob.Value());<br />
}<br />
return dist; <br />
}]);<br />
<br />
<br />
function binomial(n, k, p) {<br />
<br />
var coeff = 1;<br />
<br />
<br />
for (var x = n - k + 1; x < n+1; x++) {<br />
coeff *= x;<br />
}<br />
for (x = 1; x < k+1; x++) {<br />
coeff /= x;<br />
}<br />
<br />
var p1=1;<br />
var p2=1;<br />
<br />
<br />
for (x=0; x < k; x++) {<br />
p1=p1*p;<br />
}<br />
<br />
for (x=0; x < n-k; x++) {<br />
p2=p2*(1-p);<br />
}<br />
<br />
<br />
return coeff*p1*p2;<br />
}<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/binomial-distribution/ read more about bonomial distribution on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Binomial_distribution&diff=6485
Binomial distribution
2016-03-20T18:44:00Z
<p>Bookofproofs: Created page with "The cosine is a projection of the complex number exp(−ix) (which is a point on the unit circle in the complex plane) to the real axis on the complex plane. In the following int..."</p>
<hr />
<div>The cosine is a projection of the complex number exp(−ix) (which is a point on the unit circle in the complex plane) to the real axis on the complex plane. In the following interactive figure, you can drag the point x on the real axis and observe the behaviour of the complex number exp(−ix) and the varying value of cosine(x). <br />
<br />
{|<br />
|Probability<br />
|Binomial Distribution<br />
|-<br />
| <jsxgraph box="box1" width="400" height="100"> <br />
var brd1 = JXG.JSXGraph.initBoard('box1', {boundingbox: [-0.3, 0, 1.3, -4], showNavigation:false, showCopyright: false, axis:false});<br />
var prob = brd1.create('slider',[[0,-2],[1,-2],[0,.5,1]], {name:'p'});<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1, 1.1, 21, -.1], axis:true, showCopyright:false});<br />
<br />
brd1.addChild(brd);<br />
<br />
var p0 = brd.create('point', [0, function() {return binomial(20, 0, prob.Value());}], {name:''});<br />
var p1 = brd.create('point', [1, function() {return binomial(20, 1, prob.Value());}], {name:''});<br />
var p2 = brd.create('point', [2, function() {return binomial(20, 2, prob.Value());}], {name:''});<br />
var p3 = brd.create('point', [3, function() {return binomial(20, 3, prob.Value());}], {name:''});<br />
var p4 = brd.create('point', [4, function() {return binomial(20, 4, prob.Value());}], {name:''});<br />
var p5 = brd.create('point', [5, function() {return binomial(20, 5, prob.Value());}], {name:''});<br />
var p6 = brd.create('point', [6, function() {return binomial(20, 6, prob.Value());}], {name:''});<br />
var p7 = brd.create('point', [7, function() {return binomial(20, 7, prob.Value());}], {name:''});<br />
var p8 = brd.create('point', [8, function() {return binomial(20, 8, prob.Value());}], {name:''});<br />
var p9 = brd.create('point', [9, function() {return binomial(20, 9, prob.Value());}], {name:''});<br />
var p10 = brd.create('point', [10, function() {return binomial(20, 10, prob.Value());}], {name:''});<br />
var p11 = brd.create('point', [11, function() {return binomial(20, 11, prob.Value());}], {name:''});<br />
var p12 = brd.create('point', [12, function() {return binomial(20, 12, prob.Value());}], {name:''});<br />
var p13 = brd.create('point', [13, function() {return binomial(20, 13, prob.Value());}], {name:''});<br />
var p14 = brd.create('point', [14, function() {return binomial(20, 14, prob.Value());}], {name:''});<br />
var p15 = brd.create('point', [15, function() {return binomial(20, 15, prob.Value());}], {name:''});<br />
var p16 = brd.create('point', [16, function() {return binomial(20, 16, prob.Value());}], {name:''});<br />
var p17 = brd.create('point', [17, function() {return binomial(20, 17, prob.Value());}], {name:''});<br />
var p18 = brd.create('point', [18, function() {return binomial(20, 18, prob.Value());}], {name:''});<br />
var p19 = brd.create('point', [19, function() {return binomial(20, 19, prob.Value());}], {name:''});<br />
var p20 = brd.create('point', [20, function() {return binomial(20, 20, prob.Value());}]);<br />
<br />
<br />
var f = brd.create('functiongraph',[function(x){ <br />
var dist=0;<br />
<br />
for (n=0; n < 20 + 1; n++) {<br />
if (x < n) {<br />
return dist;<br />
} <br />
dist=dist+binomial(20, n, prob.Value());<br />
}<br />
return dist; <br />
}]);<br />
<br />
<br />
function binomial(n, k, p) {<br />
<br />
var coeff = 1;<br />
<br />
<br />
for (var x = n - k + 1; x < n+1; x++) {<br />
coeff *= x;<br />
}<br />
for (x = 1; x < k+1; x++) {<br />
coeff /= x;<br />
}<br />
<br />
var p1=1;<br />
var p2=1;<br />
<br />
<br />
for (x=0; x < k; x++) {<br />
p1=p1*p;<br />
}<br />
<br />
for (x=0; x < n-k; x++) {<br />
p2=p2*(1-p);<br />
}<br />
<br />
<br />
return coeff*p1*p2;<br />
}<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/binomial-distribution/ read more about bonomial distribution on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Contributions&diff=6484
Contributions
2016-03-20T18:36:22Z
<p>Bookofproofs: </p>
<hr />
<div>* [[Geometria básica no plano: áreas e perímetros]]<br />
* [[Binomial distribution]]<br />
* [[Contributions:polar curve exploration]]<br />
* [[Contributions:the cosine and sine functions]]<br />
* [[Cosine]]<br />
* [[Pendulum]]<br />
* [[Polynomials]]<br />
* [[Sine]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Contributions&diff=6483
Contributions
2016-03-20T18:36:14Z
<p>Bookofproofs: </p>
<hr />
<div>* [[Geometria básica no plano: áreas e perímetros]]<br />
* [[binomial distribution]]<br />
* [[Contributions:polar curve exploration]]<br />
* [[Contributions:the cosine and sine functions]]<br />
* [[Cosine]]<br />
* [[Pendulum]]<br />
* [[Polynomials]]<br />
* [[Sine]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Polynomials&diff=6482
Polynomials
2016-03-09T21:04:04Z
<p>Bookofproofs: </p>
<hr />
<div>Drag the sliders to change the values of the coefficients a0,a1,a2,a3,a4,a5 of the polynomial p(x):=a5*x^5+a4*x^4+a3*x^3+a2*x^2+a1*x+a0. The initial polynomial (when the Reset button is pressed) is of degree \(0\). <br />
<br />
{|<br />
| Coefficients<br />
|Resulting Polynomial<br />
|-<br />
| <jsxgraph box="box1" width="400" height="250"> <br />
<br />
<br />
var brd1 = JXG.JSXGraph.initBoard('box1', {boundingbox: [2, 0, 20, -20], showNavigation:false, showCopyright: false, axis:false});<br />
var a5 = brd1.create('slider',[[3,-2],[11,-2],[-5,0,5]], {name:'a_5'});<br />
var a4 = brd1.create('slider',[[3,-4],[11,-4],[-5,0,5]], {name:'a_4'});<br />
var a3 = brd1.create('slider',[[3,-6],[11,-6],[-5,0,5]], {name:'a_3'});<br />
var a2 = brd1.create('slider',[[3,-8],[11,-8],[-5,0,5]], {name:'a_2'});<br />
var a1 = brd1.create('slider',[[3,-10],[11,-10],[-5,0,5]], {name:'a_1'});<br />
var a0 = brd1.create('slider',[[3,-12],[11,-12],[-5,0,5]], {name:'a_0'});<br />
<br />
</jsxgraph> <br />
<br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 20, 10, -20], axis:true});<br />
brd1.addChild(brd);<br />
<br />
var f = brd.create('functiongraph',[function(x){ <br />
return a5.Value()*x*x*x*x*x + a4.Value()*x*x*x*x + a3.Value()*x*x*x + a2.Value()*x*x + a1.Value()*x + a0.Value(); <br />
}]);<br />
<br />
var button1 = brd1.create('button', [3, -15, 'Reset', function() {<br />
a5.moveTo([7,-2]); <br />
a4.moveTo([7,-4]);<br />
a3.moveTo([7,-6]);<br />
a2.moveTo([7,-8]);<br />
a1.moveTo([7,-10]);<br />
a0.moveTo([7,-12]);<br />
brd.update();<br />
}], {});<br />
<br />
a5.on('drag',function(){ brd.update();});<br />
a4.on('drag',function(){ brd.update();});<br />
a3.on('drag',function(){ brd.update();});<br />
a2.on('drag',function(){ brd.update();});<br />
a1.on('drag',function(){ brd.update();});<br />
a0.on('drag',function(){ brd.update();});<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/real-polynomials/ read more about polynomials on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Polynomials&diff=6481
Polynomials
2016-03-09T20:59:52Z
<p>Bookofproofs: Created page with "Drag the sliders to change the values of the coefficients a0,a1,a2,a3,a4,a5 of the polynomial p(x):=a5*x^5+a4*x^4+a3*x^3+a2*x^2+a1*x+a0. The initial polynomial (when the Reset bu..."</p>
<hr />
<div>Drag the sliders to change the values of the coefficients a0,a1,a2,a3,a4,a5 of the polynomial p(x):=a5*x^5+a4*x^4+a3*x^3+a2*x^2+a1*x+a0. The initial polynomial (when the Reset button is pressed) is of degree \(0\). <br />
<br />
{|<br />
| Coefficients<br />
|Resulting Polynomial<br />
|-<br />
| <jsxgraph box="box1" width="500" height="500"> <br />
<br />
<br />
var brd1 = JXG.JSXGraph.initBoard('box1', {boundingbox: [2, 0, 20, -20], showNavigation:false, showCopyright: false, axis:false});<br />
var a5 = brd1.create('slider',[[3,-2],[11,-2],[-5,0,5]], {name:'a_5'});<br />
var a4 = brd1.create('slider',[[3,-4],[11,-4],[-5,0,5]], {name:'a_4'});<br />
var a3 = brd1.create('slider',[[3,-6],[11,-6],[-5,0,5]], {name:'a_3'});<br />
var a2 = brd1.create('slider',[[3,-8],[11,-8],[-5,0,5]], {name:'a_2'});<br />
var a1 = brd1.create('slider',[[3,-10],[11,-10],[-5,0,5]], {name:'a_1'});<br />
var a0 = brd1.create('slider',[[3,-12],[11,-12],[-5,0,5]], {name:'a_0'});<br />
<br />
</jsxgraph> <br />
<br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 20, 10, -20], axis:true});<br />
brd1.addChild(brd);<br />
<br />
var f = brd.create('functiongraph',[function(x){ <br />
return a5.Value()*x*x*x*x*x + a4.Value()*x*x*x*x + a3.Value()*x*x*x + a2.Value()*x*x + a1.Value()*x + a0.Value(); <br />
}]);<br />
<br />
var button1 = brd1.create('button', [3, -15, 'Reset', function() {<br />
a5.moveTo([7,-2]); <br />
a4.moveTo([7,-4]);<br />
a3.moveTo([7,-6]);<br />
a2.moveTo([7,-8]);<br />
a1.moveTo([7,-10]);<br />
a0.moveTo([7,-12]);<br />
brd.update();<br />
}], {});<br />
<br />
a5.on('drag',function(){ brd.update();});<br />
a4.on('drag',function(){ brd.update();});<br />
a3.on('drag',function(){ brd.update();});<br />
a2.on('drag',function(){ brd.update();});<br />
a1.on('drag',function(){ brd.update();});<br />
a0.on('drag',function(){ brd.update();});<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/types-of-real-functions/polynomials/ read more about polynomials on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Contributions&diff=6480
Contributions
2016-03-09T20:48:02Z
<p>Bookofproofs: </p>
<hr />
<div>* [[Geometria básica no plano: áreas e perímetros]]<br />
* [[Contributions:polar curve exploration]]<br />
* [[Contributions:the cosine and sine functions]]<br />
* [[Cosine]]<br />
* [[Pendulum]]<br />
* [[Polynomials]]<br />
* [[Sine]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Sine&diff=6469
Sine
2016-03-06T13:28:33Z
<p>Bookofproofs: Created page with "The sine is a projection of the complex number exp(−ix) (which is a point on the unit circle in the complex plane) to the imaginary axis on the complex plane. In the following ..."</p>
<hr />
<div>The sine is a projection of the complex number exp(−ix) (which is a point on the unit circle in the complex plane) to the imaginary axis on the complex plane. In the following interactive figure, you can drag the point x on the real axis and observe the behaviour of the complex number exp(−ix) and the varying value of sine(x). <br />
<br />
{|<br />
|Sine<br />
|Unit Circle on the Complex Plane<br />
|-<br />
| <jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.sin(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.sin(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'sin'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.sin(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p4 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // sin<br />
brd.create('text',[<br />
function(){return p4.X()+0.05;},<br />
function(){return (p2.Y()+p4.Y())*0.5;},<br />
'sin'],{});<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/sine/ read more about sine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Contributions&diff=6468
Contributions
2016-03-06T13:23:03Z
<p>Bookofproofs: </p>
<hr />
<div>* [[Geometria básica no plano: áreas e perímetros]]<br />
* [[Contributions:polar curve exploration]]<br />
* [[Contributions:the cosine and sine functions]]<br />
* [[Cosine]]<br />
* [[Pendulum]]<br />
* [[Sine]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6467
Cosine
2016-03-06T13:21:15Z
<p>Bookofproofs: </p>
<hr />
<div>The cosine is a projection of the complex number exp(−ix) (which is a point on the unit circle in the complex plane) to the real axis on the complex plane. In the following interactive figure, you can drag the point x on the real axis and observe the behaviour of the complex number exp(−ix) and the varying value of cosine(x). <br />
<br />
{|<br />
|Cosine<br />
|Unit Circle on the Complex Plane<br />
|-<br />
| <jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/cosine/ read more about cosine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6466
Cosine
2016-03-06T13:10:56Z
<p>Bookofproofs: </p>
<hr />
<div>The cosine is a projection of the complex number exp(−ix), which lies on the unit circle in the complex plane, to the real axis on the complex plane. The behavior of the cosine function can be studied in the following interactive figure, where you can drag the point x on the real axis and observe the behaviour of the complex number exp(−ix) and the value of cosine(x). <br />
<br />
{|<br />
|Cosine<br />
|Unit Circle on the Complex Plane<br />
|-<br />
| <jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
[[Category:Examples]]<br />
<br />
[http://www.bookofproofs.org/branches/cosine/ read more about cosine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6465
Cosine
2016-03-06T13:09:02Z
<p>Bookofproofs: </p>
<hr />
<div>The cosine is a projection of the complex number exp(−ix), which lies on the unit circle in the complex plane, to the real axis on the complex plane. The behavior of the cosine function can be studied in the following interactive figure, where you can drag the point x on the real axis and observe the behaviour of the complex number exp(−ix) and the value of cosine(x). <br />
<br />
{|<br />
|Cosine<br />
|Unit Circle on the Complex Plane<br />
|-<br />
| <jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
<br />
[http://www.bookofproofs.org/branches/cosine/ read more about cosine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6464
Cosine
2016-03-06T13:07:34Z
<p>Bookofproofs: </p>
<hr />
<div>Geometrically, the cosine is a projection of the complex number exp(−ix) to the real axis. The behavior of the cosine function can be studied in the following interactive figure, where you can drag the point x and observe the behaviour of the complex number exp(−ix) and the value of cosine(x). <br />
<br />
{|<br />
|Cosine<br />
|Unit Circle on the Complex Plane<br />
|-<br />
| <jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
| <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
|}<br />
<br />
<br />
<br />
[[Category:Contributions]]<br />
<br />
[http://www.bookofproofs.org/branches/cosine/ read more about cosine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6463
Cosine
2016-03-06T13:04:39Z
<p>Bookofproofs: </p>
<hr />
<div>Geometrically, the cosine is a projection of the complex number exp(−ix) to the real axis. The behavior of the cosine function can be studied in the following interactive figure, where you can drag the point x and observe the behaviour of the complex number exp(−ix) and the value of cosine(x). <br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
<br />
<jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
<br />
<br />
[[Category:Contributions]]<br />
<br />
[http://www.bookofproofs.org/branches/cosine/ read more about cosine on Bookofproofs]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6462
Cosine
2016-03-06T13:00:09Z
<p>Bookofproofs: </p>
<hr />
<div>Geometrically, the cosine is a projection of the complex number exp(−ix) to the real axis. The behavior of the cosine function can be studied in the following interactive figure, where you can drag the point x and observe the behaviour of the complex number exp(−ix) and the value of cosine(x). <br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
<br />
<jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
<br />
<br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6461
Cosine
2016-03-06T12:54:58Z
<p>Bookofproofs: </p>
<hr />
<div><br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
<br />
<jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
brd1.addChild(brd);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
<br />
<br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6460
Cosine
2016-03-06T12:46:29Z
<p>Bookofproofs: </p>
<hr />
<div><br />
<br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
<br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6459
Cosine
2016-03-06T12:43:27Z
<p>Bookofproofs: </p>
<hr />
<div> <jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
<br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
<br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6458
Cosine
2016-03-06T12:41:07Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<body><br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><br />
<jsxgraph box="box" width="500" height="500"> <br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true}); <br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
<br />
<br />
</jsxgraph> <br />
</td><br />
<td><br />
<jsxgraph box="boxR" width="500" height="500"> <br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',<br />
[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
</jsxgraph> <br />
</td><br />
</tr><br />
</table><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6457
Cosine
2016-03-05T14:18:06Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<body><br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
console.log("test1");<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
<br />
console.log("test2");<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6456
Cosine
2016-03-05T14:17:51Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<body><br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
console.log("test1");<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6455
Cosine
2016-03-05T14:16:20Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<body><br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
console.log("test1");<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
<br />
console.log("test2");<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6454
Cosine
2016-03-05T13:43:55Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
console.log("test1");<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
<br />
console.log("test2");<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6453
Cosine
2016-03-05T13:43:43Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
console.log("test1");<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
<br />
console.log("test2");<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6452
Cosine
2016-03-05T13:42:39Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
<br />
console.log("test2");<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6451
Cosine
2016-03-05T13:42:12Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
console.log("test1");<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6450
Cosine
2016-03-05T13:41:39Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
console.log("test");<br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6449
Cosine
2016-03-05T13:38:34Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script language="javascript" type="text/javascript"><br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6448
Cosine
2016-03-05T13:36:34Z
<p>Bookofproofs: </p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
</tr><br />
<tr><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script type="text/javascript"><br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Cosine&diff=6447
Cosine
2016-03-05T13:34:19Z
<p>Bookofproofs: Created page with "<html> <link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /> <script type="text/javascript" src="http://cpge.livet.free.fr/Ats/..."</p>
<hr />
<div><html><br />
<link rel="stylesheet" type="text/css" href="http://cpge.livet.free.fr/Ats/squelettes/jsxgraph.css" /><br />
<script type="text/javascript" src="http://cpge.livet.free.fr/Ats/squelettes/jsxgraphcore.js"></script><br />
<style type="text/css"><br />
#rot, #rot0, #rot1, #rot2, #rot3, #rot4 {<br />
-webkit-transform: rotate(90deg);<br />
-moz-transform: rotate(90deg);<br />
-o-transform: rotate(90deg);<br />
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);<br />
}<br />
</style><br />
<body><br />
<br />
<table><br />
<tr><br />
<td>Complex Plane</td><td>Cosine Graph</td><br />
<td><div id="box" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
<td><div id="boxR" class="jxgbox" style="width:500px; height:500px;"></div></td><br />
</tr><br />
</table><br />
<br />
<script type="text/javascript"><br />
var brd1 = JXG.JSXGraph.initBoard('boxR', {boundingbox: [-10, 1.5, 10, -1.5], axis:true});<br />
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});<br />
<br />
var xr = brd1.create('line',[[-9,0],[9,0]],{visible:false});<br />
var x = brd1.create('glider',[-9,0,xr],{visible:true, name:'x'});<br />
var y = brd1.create('point',[x.X(),Math.cos(x.X())],{size:1,name:'',strokeColor:'green'});<br />
<br />
var x1 = brd1.create('segment',[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:'red'});<br />
x.on('drag', function(){ transform(x);});<br />
var f = brd1.create('functiongraph',[function(x){ <br />
return Math.cos(x); <br />
}]);<br />
var ax = brd.create('line',[[0,0],[1,0]],{visible:false});<br />
var ay = brd.create('line',[[0,0],[0,1]],{visible:false});<br />
<br />
var p0 = brd.create('point',[0,0],{fixed:true,visible:false});<br />
var p1 = brd.create('point',[1,0],{name:'',visible:false,fixed:true});<br />
var c = brd.create('circle',[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});<br />
<br />
<br />
var p2 = brd.create('point',[Math.cos(x.X()),Math.sin(x.X())],{name:'exp(ix)',fixed:true,size:1, strokeColor:'green'});<br />
<br />
var p3 = brd.create('point',[function(){return p2.X();},0.0],{visible:false,name:'',withLabel:false});<br />
var p4 = brd.create('point',[0.0,function(){return p2.Y();}],{visible:false,name:'',withLabel:false});<br />
<br />
brd.create('line',[p2,p4],{straightFirst:false,straightLast:false,strokeColor:'red'}); // cos<br />
brd.create('text',[<br />
function(){return (p2.X()+p4.X())*0.3;},<br />
function(){return p2.Y()+0.05;},<br />
'cos'],{});<br />
<br />
brd1.create('text',[<br />
function(){return x.X()+0.3;},<br />
function(){return y.Y()*0.5;},<br />
'cos'],{});<br />
<br />
function transform(x) {<br />
p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);<br />
y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.cos(x.X())]);<br />
brd.update();<br />
}<br />
<br />
<br />
</script><br />
</body><br />
<br />
</html><br />
[[Category:Contributions]]</div>
Bookofproofs
https://jsxgraph.org/wiki/index.php?title=Contributions&diff=6446
Contributions
2016-03-05T13:26:49Z
<p>Bookofproofs: </p>
<hr />
<div>* [[Geometria básica no plano: áreas e perímetros]]<br />
* [[Contributions:polar curve exploration]]<br />
* [[Contributions:the cosine and sine functions]]<br />
* [[Cosine]]<br />
* [[Pendulum]]</div>
Bookofproofs