<?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="../chocolate.css" title="chocolate" />

</head>
<body>
<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="400px" 
 height="405px"
 >

 <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">
  <path d="M 200,0 v 500 M 0,200 h 500
  "/>
 </g>

 <desc>Red parabola: a minimalist parabola from three coordinates</desc>
 <g fill="none" stroke="red" stroke-width="4px">
  <path d="M 0,0 q 200,800 400,0" />
 </g>

 <desc>Blue  parabola: a minimalist parabola from spreadsheet calculations</desc>
 <g fill="none" stroke="blue" stroke-width="5px">
 <path d="M 136.75,0 Q 200,400 263.25,0" />
 </g>

 <desc>Orange parabola: a minimalist parabola from spreadsheet calculations</desc>
 <g fill="none" stroke="orange" stroke-width="5px">
<path d="M 53.67,0 Q 120,440 186.33,0" />

 </g>


</svg>
</body>
</html>

