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

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

</head>
<body>
<!-- 100% hand-crafted code from the island of Pohnpei -->
<h3>Behavior of parabolas and quadratic equations</h3>
<p>The following are various parabolas illustrating the effect of the lead coefficient and the vertex on the shape of the parabola and the number of roots.</p>
<p>Note: this page is also a demonstration of the capabilities of SVG. 
Note that each parabola is a different hyperlink with its own tooltip title tag. 
This could not be done with an image map as the parabolas cross-over each other. 
Because SVG allows each parabola to be its own object, the links are individual to the curve. 
This page also requires that the MathML math fonts be installed for proper display of 
embedded MathML code.
Parabolic path tags built from an OpenOffice Calc <a href="parabolic_maker_svg.ods">spreadsheet</a>.
</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 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500
  m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500
  m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500
  m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500 m 20,-500 v 500
  m 20,-500 v 500
  "/>
  <path d="
  M  0,   0 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500
  m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500
  m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500
  m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500 m -500,20 h 500
  m -500,20 h 500
  "/>
 </g>

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

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

 <desc>Varying k</desc>
 <g fill="none" stroke="red" stroke-width="4px">
  <a xlink:href="#p1" xlink:title="y=x&#x00B2;+12x+41">
   <path d="M 35.28,0 Q 80,200 124.72,0" />
  </a>
  <a xlink:href="#p2" xlink:title="y=x&#x00B2;+12x+36">
   <path d="M 16.75,0 Q 80,400 143.25,0" />
  </a>
  <a xlink:href="#p3" xlink:title="y=x&#x00B2;+12x+27">
   <path d="M -7.18,0 Q 80,760 167.18,0" />
  </a>
 </g>

 <desc>Varying a</desc>
 <g fill="none" stroke-width="5px">
 <a xlink:href="#p4" xlink:title="y=x&#x00B2;">
  <path  stroke="dodgerblue" d="M 136.75,0 Q 200,400 263.25,0" />
 </a>
 <a xlink:href="#p5" xlink:title="y=2x&#x00B2;">
  <path  stroke="deepskyblue" d="M 155.28,0 Q 200,400 244.72,0" />
 </a>
 <a xlink:href="#p6" xlink:title="y=0.5x&#x00B2;">
  <path  stroke="blue" d="M 110.56,0 Q 200,400 289.44,0" />
 </a>
 </g>

 <desc>Imaginary roots: reflected roots</desc>
 <g fill="none" stroke="darkorange" stroke-width="5px">
 <a xlink:href="#p7" xlink:title="y=x&#x00B2;-14x+53">
  <path d="M 291.01,0 Q 340,240 388.99,0" />
 </a>
 <a xlink:href="#p8" xlink:title="y=-x&#x00B2;+14x-45">
  <path d="M 414.83,400 Q 340,-160 265.17,400" />
 </a>


 </g>
</svg>

<h3><a name="axes">Axes</a></h3>
<p>These are the x and y axes. The horizontal midline of the chart is the x-axis, the vertical midline of
 the chart is the y-axis. The major grid lines, in violet-red, are at an interval of 5.
 The minor gridlines are at unit intervals.</p>

<h4 style="color:red">The effect of varying k, which also varies only c</h4>
<p><a name="p1"><strong>y=x&#x00B2;+12x+41</strong></a><br />
 The vertex form for this parabola is (y-5)=(x-(-6))&#x00B2;. 
 As k decreases, c also decreases at the same rate and the parabola is moved vertically.
 In some sense, c controls the vertical position of a parabola.</p>
<p><a name="p2"><strong>y-=x&#x00B2;+12x+36</strong></a><br />
 The vertex form for this parabola is y=(x-(-6))&#x00B2;</p>
<p><a name="p3"><strong>y=x&#x00B2;+12x+27</strong></a><br />
 The vertex form for this parabola is (y-(-9))=(x-(-6))&#x00B2;</p>

<h4 style="color:navy">The effect of varying the lead coeficient a</h4>
<p><a name="p4"><span style="font-weight:bold;color:dodgerblue">y=x&#x00B2;</span></a><br />
 The vertex form for this parabola is y=x&#x00B2;. The lead coefficient "a" controls the
 "span" of the parabola without affecting the vertex location in any way. 
 A larger lead coefficient results in a "narrower" parabola, a smaller lead coefficient 
 results in a "wider" parabola.
 This can be seen in the formulation (y-k)=a(x-k)&#x00B2; and the related form
<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mo>(</mo><mi>y</mi><mo>-</mo><mi>k</mi><mo>)</mo>
 <mo>=</mo>
 <mfrac>
  <mrow><mn>1</mn></mrow>
  <mrow><mn>4</mn><mi>p</mi></mrow>
 </mfrac>
 <msup>
  <mrow><mo>(</mo><mi>x</mi><mo>-</mo><mi>h</mi><mo>)</mo></mrow>
  <mrow><mn>2</mn></mrow>
 </msup>
</math>

</p>
<p><a name="p5"><span style="font-weight:bold;color:deepskyblue">y=2x&#x00B2;</span></a><br />
 The vertex form for this parabola is y=2x&#x00B2;</p>
<p><a name="p6"><span style="font-weight:bold;color:blue">y=0.5x&#x00B2;</span></a><br />
 The vertex form for this parabola is y=0.5x&#x00B2;</p>

<h4 style="color:darkorange">The imaginary roots are the roots of the reflected function</h4>
<p><a name="p7"><strong>y=x&#x00B2;-14x+53</strong></a><br />
 The vertex form for this parabola is (y-4)=(x-7)&#x00B2;. The roots are 7 &#x00B1; 2i.
 This parabola is a "reflection" of the one below. 
 The imaginary roots (x-intercepts, zeros) occur at the "reflection" of the roots of the "reflected" 
 parabola below. The word imaginary in this case can also be taken to refer to the "image" 
 of the roots.</p>
<p><a name="p8"><strong>y=-x&#x00B2;+14x-45</strong></a><br />
 The vertex form for this parabola is (y-4)=-(x-7)&#x00B2;. The roots are 7 &#x00B1; 2, or x=5 and x=9.</p>
<h4>Notes on roots</h4>
<p>Roots, also known as x-intercepts or zeros of the function, can be found from either the quadratic form of an equation y=ax&#x00B2;+bx+c or from the vertex form of the equation 
<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mo>(</mo><mi>y</mi><mo>-</mo><mi>k</mi><mo>)</mo>
 <mo>=</mo>
 <mi>a</mi>
 <msup>
  <mrow><mo>(</mo><mi>x</mi><mo>-</mo><mi>h</mi><mo>)</mo></mrow>
  <mrow><mn>2</mn></mrow>
 </msup>
</math>.
</p>
<p>The roots from the quadratic form can be found from 
<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mi>x</mi>
 <mo>=</mo>
 <mfrac>
  <mrow><mo>-</mo><mi>b</mi></mrow>
  <mrow><mn>2</mn><mi>a</mi></mrow>
 </mfrac>
 <mo>&#x00B1;</mo>
 <mfrac>
  <mrow>
   <msqrt>
    <msup>
     <mrow>b</mrow>
     <mrow>2</mrow>
    </msup>
    <mo>-</mo><mn>4</mn><mi>a</mi><mi>c</mi>
   </msqrt>
  </mrow>
  <mrow><mn>2</mn><mi>a</mi></mrow>
 </mfrac>
</math>
</p>
<p>For the vertex form the roots are: 
<math xmlns="http://www.w3.org/1998/Math/MathML">
 <mi>x</mi>
 <mo>=</mo>
 <mi>h</mi>
 <mo>&#x00B1;</mo>
 <msqrt>
 <mfrac>
  <mrow><mo>-</mo><mi>k</mi></mrow>
  <mrow><mi>a</mi></mrow>
 </mfrac>
 </msqrt>
</math>. 
</p>
<p>
Although this form is rarely presented in algebra texts, 
the radical is in many ways much more informative than the discriminant 
<math xmlns="http://www.w3.org/1998/Math/MathML">
<msqrt><msup><mrow>b</mrow><mrow>2</mrow></msup>
<mo>-</mo><mn>4</mn><mi>a</mi><mi>c</mi></msqrt></math>. 
The form makes more immediately clear that real roots only occur if either k or a are negative, but not both. 
That 
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mfrac><mrow><mo>-</mo><mi>b</mi></mrow><mrow><mn>2</mn><mi>a</mi></mrow></mfrac></math> 
is indeed the axis of symmetry is also more clear in the vertex root equation where h is used in lieu of 
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mfrac><mrow><mo>-</mo><mi>b</mi></mrow><mrow><mn>2</mn><mi>a</mi></mrow></mfrac></math>.
</p>
<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>

