Download -- General Instructions:

These applications were tested only on the Linux Operating System environment. Hence every instruction here refer to Linux OS.

With the "shift" key pressed, click on the program you want to download. To uncompress the file use the command "tar xvfz fileName.tgz." This create a directory named "fileName". In order to embed the applet on your Web page, I assume that your page and the fileName directory are in the same directory.
 

Sketch a graph:

Description: in this Java applet, you may plot a few points P(x, f(x)) and see how the graph looks like.

Instructions:

  1. Click on the applet to get Started.
  2. Enter values for x and y in the corresponding columns.
  3. Hit y = f(x), if you want to set y as a function of x. This will work only if you are prompted on the y-column.Here, I list some examples on how you should enter f(x):
  4. Hit graph to see the points (x,y) on an xy-plane. Link the points to have an sketch of the graph of f(x) if the domain(f) were [smallest x-value, greatest x-value]. If you want to clear x & y column, hit edit & ?.

Download: Sketch a graph.

How to install it:

<html>
  <body>

    <applet codebase="Sketch" code=SketchPad.class  width=260 height=370 valign=absmiddle > </applet>

  </body>
</html>


 

Function Grapher:

Description: this is a Java application, which graphs up to 3 functions simultaneously.

Instructions: (i)Hit GraphF button above to activate the graphing application.

Download: Function Grapher(*)

How to install it:

<html>
  <body>

    <applet codebase="Graphing" code=GraphFApplet.class   width=70 height=27 align=absmiddle> </applet>

 </body>
</html>


 

Insert a Graph:

Description: with this applet, you may embed a graphic image with at most 4 functions to your Web pages.

Download: Add a graph .(*)

How to install it:

<html>
  <body>

   <applet name="Pl" codebase="Graphing3" code="GraphF3.class"  width=290 height=200 vspace=10 hspace=60>

    <PARAM NAME="grid_color" VALUE="99cc66">
    <PARAM NAME="bgcolor" VALUE="ffffcc">
    <PARAM NAME="fgcolor" VALUE="000000">

    <!-- functions to be graphed &  (from,to]-->
    <PARAM NAME="howManyF" VALUE="3"><!--at most 4 functions-->
    <PARAM NAME="fun0" VALUE="sin(x) &[-10,0)">
    <PARAM NAME="fun2" VALUE="4 &[0,0]">
    <PARAM NAME="fun1" VALUE="x & (0,10]">
    <PARAM NAME="graphColor0" VALUE="ff0000">
    <PARAM NAME="graphColor1" VALUE="0000aa">
    <PARAM NAME="graphColor2" VALUE="000000">

    <!-- draw points in color0 -->
    <PARAM NAME="howManyP" VALUE="0"><!--at most 10 points-->

    <!--x-range-->
    <PARAM NAME="X0" VALUE="-10">
    <PARAM NAME="X1" VALUE="10">

    <!-- y-range-->
    <PARAM NAME="Y0" VALUE="-1">
    <PARAM NAME="Y1" VALUE="+10">

    <!-- (drawx,drawy) is the left-top corner of the label that shows the position of the mouse-->
    <PARAM NAME="drawx" VALUE="-100">
    <PARAM NAME="drawy" VALUE="100">

   </applet>

  </body>
</html>


 

Linear Function with parameters a & b:

Description: this applet illustrates how a linear function graph varies as you change the values of a and/or b.

Instructions:

  1. Drag the pointer over ( )Change the slope or ( )Change y-intercept, and choose the feature you want to change by clicking the mouse button-1.
  2. If you choose to change the slope (ie; a), point the mouse at the tip of the blue arrow, press button-1 and rotate the line. Simultaneously, you'll see the value of a varying.
  3. If you choose to change the y-intercept (ie; b), point the mouse at the center of the blue circle, press button-1 and drag the line up/down. Simultaneously, you'll see the value of b varying.

Download: Linear Function.

How to install it:

<html>
  <body>
   <applet codeBase=javaClasses/Linear name=Pl code=linearC.class  width=350 height=260>
    <PARAM NAME="bgcolor" VALUE="ffffff">
    <PARAM NAME="fgcolor" VALUE="000000">
    <PARAM NAME="panelBg" VALUE="ffffff">
    <PARAM NAME="panelHg" VALUE="444444"> 
   </applet>
   
  </body>
</html>


 

Quadratic Function with parameters a & b & c:

Description: this applet illustrates how a quadratic function graph behaves as you change the values of a, b, and c.

Instructions:

  1. Drag the mouse over the choices you have and click on the feature you want to change.

Download: Quadratic Function.

How to install it:

<html>
  <body>

   <applet codeBase=QuadC name=P2 code=QuadC.class  width=350 height=260 valign=absmiddle>
   <PARAM NAME="bgcolor" VALUE="ffffff">
   <PARAM NAME="fgcolor" VALUE="000000">
   <PARAM NAME="panelBg" VALUE="ffffff">
   <PARAM NAME="panelHg" VALUE="444444"> 
   </applet> 

   
  </body>
</html>


 

Graph a polynomial function with at most 10 parameters

Description: this applet illustrates how a polynomial function graph behaves as coeffiecients values are changed.

Instructions: In this applet, you may change parameters Ai, x-range, y-range, and replot. You may also reproduce a "boxed" a region: place the cursor at the left top corner and press mouse-button-1; with the button pressed, drag the pointer until you reach the right bottom corner; release and see the new graph.

Download: Polynomial Function.

How to install it:

<html>
  <body>

   <applet codeBase=Poly name=Pl code=Poly.class  width=390 height=300>
    <PARAM NAME="degree" VALUE="6">
    <PARAM NAME="A0" VALUE="0.0">
    <PARAM NAME="A1" VALUE="-120.0">
    <PARAM NAME="A2" VALUE="274">
    <PARAM NAME="A3" VALUE="-225">
    <PARAM NAME="A4" VALUE="85">
    <PARAM NAME="A5" VALUE="-15">
    <PARAM NAME="A6" VALUE="1.0">

    <PARAM NAME="Step_Size" VALUE="0.1">
    <PARAM NAME="X0" VALUE="-1">
    <PARAM NAME="X1" VALUE="+6">
    <PARAM NAME="Y0" VALUE="-30">
    <PARAM NAME="Y1" VALUE="+70">

   </applet>

  </body>
</html>


 

Comparative Graphing

Description: this applet graphs a function with at most 10 parameters and a fixed function to compare with.

Instructions: In this applet, you may change parameters Ai, x-range, y-range, and replot. You may also reproduce a "boxed" a region: place the cursor at the left top corner and press mouse-button-1; with the button pressed, drag the pointer until you reach the right bottom corner; release and see the new graph.

Download: Comaparative Graphing.

How to install it:

<html>
  <body>

   <applet name="Pl" code="GraphF2.class"  width=390 height=300>
     <PARAM NAME="parameter" VALUE="yes">
     <PARAM NAME="howMany" VALUE="3"><!-- at most 10 parameters -->
     <PARAM NAME="A0" VALUE="1.0">
     <PARAM NAME="A1" VALUE="-1.0">
     <PARAM NAME="A2" VALUE="1.0">
     <PARAM NAME="fun" VALUE="A0*sin(x)+(A1)*cos(A2*x)">
     <!-- plots one more fixed function,  with no parameter-->
     <!PARAM NAME="fun1" VALUE="exp(x)"> 
     <PARAM NAME="grid_color" VALUE="99cc66">
     <!PARAM NAME="bgcolor" VALUE="ccffcc">
     <PARAM NAME="bgcolor" VALUE="ffffcc">
     <PARAM NAME="fgcolor" VALUE="000000">
     <PARAM NAME="graphColor" VALUE="007700">
     <PARAM NAME="graphColor1" VALUE="0000ff">
     <PARAM NAME="Step_Size" VALUE="0.1">
     <PARAM NAME="X0" VALUE="-10">
     <PARAM NAME="X1" VALUE="+10">
     <PARAM NAME="Y0" VALUE="-4">
     <PARAM NAME="Y1" VALUE="+4">
     <!PARAM NAME="howManyP" VALUE="1"><!--at most 10 points-->
     <PARAM NAME="howManyP" VALUE="2"><!--at most 10 points-->
     <PARAM NAME="px0" VALUE="0">
     <PARAM NAME="py0" VALUE="0">

     <PARAM NAME="px1" VALUE="1">
     <PARAM NAME="py1" VALUE="1">
     <PARAM NAME="color0" VALUE="888888">
     <PARAM NAME="color0" VALUE="000000">
     <PARAM NAME="label" VALUE="yes">
   </applet>

  </body>
</html>

 

Teresinha Kawasaki