<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://jsxgraph.org/wiki/index.php?action=history&amp;feed=atom&amp;title=Sine</id>
	<title>Sine - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://jsxgraph.org/wiki/index.php?action=history&amp;feed=atom&amp;title=Sine"/>
	<link rel="alternate" type="text/html" href="https://jsxgraph.org/wiki/index.php?title=Sine&amp;action=history"/>
	<updated>2026-04-06T01:54:57Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.1</generator>
	<entry>
		<id>https://jsxgraph.org/wiki/index.php?title=Sine&amp;diff=6469&amp;oldid=prev</id>
		<title>Bookofproofs: Created page with &quot;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 ...&quot;</title>
		<link rel="alternate" type="text/html" href="https://jsxgraph.org/wiki/index.php?title=Sine&amp;diff=6469&amp;oldid=prev"/>
		<updated>2016-03-06T13:28:33Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;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 ...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;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). &lt;br /&gt;
&lt;br /&gt;
{|&lt;br /&gt;
|Sine&lt;br /&gt;
|Unit Circle on the Complex Plane&lt;br /&gt;
|-&lt;br /&gt;
|  &amp;lt;jsxgraph box=&amp;quot;boxR&amp;quot; width=&amp;quot;500&amp;quot; height=&amp;quot;500&amp;quot;&amp;gt; &lt;br /&gt;
       var brd1 = JXG.JSXGraph.initBoard(&amp;#039;boxR&amp;#039;, {boundingbox: [-10, 1.5, 10, -1.5], axis:true});&lt;br /&gt;
       var xr = brd1.create(&amp;#039;line&amp;#039;,[[-9,0],[9,0]],{visible:false});&lt;br /&gt;
       var x = brd1.create(&amp;#039;glider&amp;#039;,[-9,0,xr],{visible:true, name:&amp;#039;x&amp;#039;});&lt;br /&gt;
       var y = brd1.create(&amp;#039;point&amp;#039;,[x.X(),Math.sin(x.X())],{size:1,name:&amp;#039;&amp;#039;,strokeColor:&amp;#039;green&amp;#039;});&lt;br /&gt;
       var x1 = brd1.create(&amp;#039;segment&amp;#039;,[x,y],{visible:true, straightFirst:false,straightLast:false,strokeColor:&amp;#039;red&amp;#039;});&lt;br /&gt;
       x.on(&amp;#039;drag&amp;#039;, function(){ transform(x);});&lt;br /&gt;
       var f = brd1.create(&amp;#039;functiongraph&amp;#039;,[function(x){ &lt;br /&gt;
	return Math.sin(x); &lt;br /&gt;
       }]);&lt;br /&gt;
       brd1.create(&amp;#039;text&amp;#039;,[&lt;br /&gt;
        function(){return x.X()+0.3;},&lt;br /&gt;
        function(){return y.Y()*0.5;},&lt;br /&gt;
        &amp;#039;sin&amp;#039;],{});&lt;br /&gt;
       &lt;br /&gt;
        function transform(x) {&lt;br /&gt;
            p2.setPosition(JXG.COORDS_BY_USER,[Math.cos(x.X()),Math.sin(x.X())]);&lt;br /&gt;
            y.setPosition(JXG.COORDS_BY_USER,[x.X(),Math.sin(x.X())]);&lt;br /&gt;
            brd.update();&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
   &amp;lt;/jsxgraph&amp;gt; &lt;br /&gt;
|   &amp;lt;jsxgraph box=&amp;quot;box&amp;quot; width=&amp;quot;500&amp;quot; height=&amp;quot;500&amp;quot;&amp;gt; &lt;br /&gt;
       var brd = JXG.JSXGraph.initBoard(&amp;#039;box&amp;#039;, {boundingbox: [-1.5, 1.5, 1.5, -1.5], axis:true});&lt;br /&gt;
       brd1.addChild(brd);&lt;br /&gt;
       var ax = brd.create(&amp;#039;line&amp;#039;,[[0,0],[1,0]],{visible:false});&lt;br /&gt;
       var ay = brd.create(&amp;#039;line&amp;#039;,[[0,0],[0,1]],{visible:false});&lt;br /&gt;
 &lt;br /&gt;
       var p0 = brd.create(&amp;#039;point&amp;#039;,[0,0],{fixed:true,visible:false});&lt;br /&gt;
       var p1 = brd.create(&amp;#039;point&amp;#039;,[1,0],{name:&amp;#039;&amp;#039;,visible:false,fixed:true});&lt;br /&gt;
       var c = brd.create(&amp;#039;circle&amp;#039;,[p0,p1],{dash:2,strokeWidth:1,strokeOpacity:0.6});&lt;br /&gt;
&lt;br /&gt;
       var p2 = brd.create(&amp;#039;point&amp;#039;,[Math.cos(x.X()),Math.sin(x.X())],{name:&amp;#039;exp(ix)&amp;#039;,fixed:true,size:1, strokeColor:&amp;#039;green&amp;#039;});&lt;br /&gt;
&lt;br /&gt;
       var p4 = brd.create(&amp;#039;point&amp;#039;,[function(){return p2.X();},0.0],{visible:false,name:&amp;#039;&amp;#039;,withLabel:false});&lt;br /&gt;
 &lt;br /&gt;
       brd.create(&amp;#039;line&amp;#039;,[p2,p4],{straightFirst:false,straightLast:false,strokeColor:&amp;#039;red&amp;#039;});     // sin&lt;br /&gt;
       brd.create(&amp;#039;text&amp;#039;,[&lt;br /&gt;
        function(){return p4.X()+0.05;},&lt;br /&gt;
        function(){return (p2.Y()+p4.Y())*0.5;},&lt;br /&gt;
        &amp;#039;sin&amp;#039;],{});&lt;br /&gt;
   &amp;lt;/jsxgraph&amp;gt; &lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Contributions]]&lt;br /&gt;
[[Category:Examples]]&lt;br /&gt;
&lt;br /&gt;
[http://www.bookofproofs.org/branches/sine/ read more about sine on Bookofproofs]&lt;/div&gt;</summary>
		<author><name>Bookofproofs</name></author>
	</entry>
</feed>