<?xml version="1.0" encoding="UTF-8"?>

<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title xml:lang="en">Shapes</title>
  <link rel="stylesheet" type="text/css" href="../53.css" title="53" />

</head>
<body>
<!-- 100% hand-crafted code from the island of Pohnpei -->
<h3>Shapes</h3>
<p>
<svg version="1.1" 
 xmlns="http://www.w3.org/2000/svg" 
 xmlns:xlink="http://www.w3.org/1999/xlink"  
 xmlns:ev="http://www.w3.org/2001/xml-events"
 width="401px" 
 height="401px"
 >
<!--
 <desc>A minor grid</desc>
 <g  fill="none" stroke="dimgray" stroke-width="1px">
  <path d="
  M  0,   0 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400
  m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400
  m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400
  m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400 m 20,-400 v 400
  m 20,-400 v 400
  "/>
  <path d="
  M  0,   0 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400
  m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400
  m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400
  m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400 m -400,20 h 400
  m -400,20 h 400
  "/>
 </g>
-->

<!--
  <desc>A major grid</desc>
 <g  fill="none" stroke="mediumvioletred" stroke-width="2px">
  <path d="M 100,0 v 400 m 100,-400 v 400 m 100,-400 v 400
  "/>
  <path d="M 0,100 h 400 m -400,100 h 400 m -400,100 h 400
  "/>
 </g>
 -->

 <desc>axes</desc>
 <g  fill="none" stroke="darkorchid" stroke-width="1px">
  <a xlink:href="#axes" xlink:title="x and y axes">
  <path d="M 200,0 v 400 M 0,200 h 400 " />
  </a>
 </g>

 <desc>Circle</desc>
 <g fill="none" stroke="red" stroke-width="1px">
  <a xlink:href="#circle" xlink:title="unit circle">
  <circle cx="200" cy="200" r="200"  />
  </a>
 </g>

 <desc>Triangle</desc>
 <g fill="none" stroke-width="3px"  stroke="green" >
  <a xlink:href="#triangle" xlink:title="Equilateral triangle">
  <path d="M 200,0 L 27,300 h 346 z" />
 </a>
 </g>

 <desc>Square</desc>
 <g fill="none" stroke-width="2px"  stroke="lightskyblue" >
  <a xlink:name="square" xlink:title="Square">
  <path d="M 200,0 L 0,200 200,400 400,200 z" />
 </a>
 </g>

 
 <desc>Pentagon</desc>
 <g fill="none" >
  <path stroke="darkorange" stroke-width="4px" d="M 200,0 L 10,138 82,362 h 236 L 390,138 z " />
  <path stroke="orange" stroke-width="1px" d="M 200,0 L 82,362 390,138 10,138 318,362  z " />
  <a xlink:name="crossbeamsegment" xlink:title="Cross-beam segment">  
  <path stroke="dimgray" stroke-width="2px" d="M 10,135 h 235 v -5 10" />
  </a>
  <a xlink:name="crossbeam" xlink:title="Pentacle crossbeam divided by segment is phi">
  <path stroke="slateblue" stroke-width="2px" d="M 10,142 h 380 v -5 10" />
  </a>
  <a xlink:href="#phi" xlink:title="A/B is phi">
  <text x="390" y="132" stroke="black" stroke-width="1px">A</text>
  <text x="245" y="132" stroke="black" stroke-width="1px">B</text>
  </a>
 </g>

 <desc>Hexagon</desc>
 <g fill="none" >
  <path stroke="darkturquoise" stroke-width="2px" 
   d="M 200,0 L 27,100 27,300 200,400 373,300 373,100 z " />
 </g>

 <desc>Heptagon</desc>
 <g fill="none" >
  <path  stroke="purple" stroke-width="1px" 
  d="M 200,0 L 44,75 5,245 113,380 287,380 395,245 356,75 z " />
 </g>

 <desc>Octagon</desc>
 <g fill="none" >
  <path  stroke="orchid" stroke-width="1px" 
  d="M 200,0 L 59,59 0,200 59,341 200,0 341,341 400,200 341,59 z "  />
 </g>

</svg>

</p>

<h3><a name="circle">Circle</a></h3>
<p>Circle</p>
<h3><a name="triangle">Triangle</a></h3>
<p>Triangle</p>
<h3><a name="phi">Phi</a></h3>
<p>The ratio of A/B is equal to the Fibonacci ratio phi or
<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mfrac>
  <mrow><mn>1</mn><mo>+</mo> <msqrt><mn>5</mn> </msqrt></mrow>
  <mrow><mn>2</mn></mrow>
 </mfrac>
</math>.
</p>

<svg version="1.1" 
 xmlns="http://www.w3.org/2000/svg" 
 xmlns:xlink="http://www.w3.org/1999/xlink"  
 xmlns:ev="http://www.w3.org/2001/xml-events"
 width="20px" 
 height="20px"
 >
  <desc>compass arc tic</desc>

  <defs>
    <path id="tic" d="M 10,0 A 40,40 0 0 0 10,20" fill="none" stroke="black" stroke-width="1" />
  </defs>
  <use x="0" y="0" xlink:href="#tic" />

</svg>
 
<p>
 <a href="../math/algebra/m63/index.html">Algebra fall 2006</a> &#x2022; 
 <a href="is201.html">IS 201 index</a> &#x2022;  
 <a href="../index.html">Lee Ling</a> &#x2022;  
 <a href="/">COMFSM</a>
</p>

</body>
</html>
