<p align=right>
    <input type="button" value="update" onclick="updatePicture(0)"/>
  </p>
  <center>
  <table>
    <tr><td>
    <!-- form(s) -->
    <form>
    <textarea id="picture1input" rows="20" cols="48">
    setBorder(0)
    initPicture(-5,5)
    axes(2, 1, "labels", 1)
    stroke = "blue"
    plot("sin(x)")
    
    stroke = "red"
    plot(["5*t*cos(pi*t)", "5*t*sin(pi*t)"],0,1)
  
    stroke = "purple"
    plot("x*log(x)")
  
    stroke = "green"
    strokewidth = "2"
    marker = "arrowdot"
    line([0,1], [pi/2,1])
    dot([pi,0], "open", cpi)
    
    text([-2.5,-2.5], "ascii/svg example")
    </textarea>
    
    </form>
    
    </td><td valign="top">
    <div id="outputNode">
    <embed width="500" height="280" src="../media/d.svg" onmousemove="update()" script=''>
    </div>
    <a href=@s5-math-graph.html>pointer coordinates</a>: (<span id="getx">x,y</span>)
    </td></tr>
    </table>
  </center>
  <script>
    function update() {
      setText(getX().toFixed(2),"getx")
      setText(getY().toFixed(2),"gety")
    }
    </script>