Example with a growing, model-driven graph

A solution in programming is:

<SCRIPT>
function run()
{
 t=0.0;
 t = Math.round(0);
 y1 = Math.round(0.125);
 y2 = Math.round(300.0);

 for (i=1; i<200; i++)
   {
      document.grafiekYT1.setGrafiek1YT1(t,y1);
      document.grafiekYT1.setGrafiek2YT1(t,y2); //setten van de 2 eerste waarden
      t = Math.round(i);
      y1 = Math.round(y1 + 0.04*y1);        
      y2 = Math.round(y2 - 0.04*y2);        
      document.grafiekYT1.setGrafiek1YT2(t,y1);
      document.grafiekYT1.setGrafiek2YT2(t,y2); //setten van de 2 tweede waarden
   }
}
</SCRIPT>

<APPLET
    CODE=grafiekYT.class
    NAME=grafiekYT1
    width=460
    height=185 >
   <PARAM NAME="BackColor" VALUE="255,255,255">
   <PARAM NAME="GridColor" VALUE="0,0,0">
   <PARAM NAME="Graph1Color" VALUE="255,0,0">
   <PARAM NAME="Graph2Color" VALUE="0,0,255">
   <PARAM NAME="GridT" VALUE="5">
   <PARAM NAME="GridY" VALUE="4">

   <PARAM NAME="Y1min" VALUE="-300">
   <PARAM NAME="Y1max" VALUE="300">
   <PARAM NAME="Y1text" VALUE="Y1(t) (rood): e-macht van (-300 tot +300)">

   <PARAM NAME="Y2min" VALUE="-300">
   <PARAM NAME="Y2max" VALUE="300">
   <PARAM NAME="Y2text" VALUE="Y2(t) (blauw): 300-e-macht (van -300 tot +300)">
   
   <PARAM NAME="Tmin" VALUE="0">
   <PARAM NAME="Tmax" VALUE="200">
</APPLET>

Enschede, 1 dec. 2000; update: nov. 2003.