| Examples Not Involving User Interaction |
|
| Examples Not Involving User Interaction |
These examples don't allow the user to change the graph on their own.
They just plot the results of
some sort of calculation or predefined data set.
Here we just specify the type of window we want, where to position the graph, and indicate the function and bounds.
In this example, we override the default tics with ones of our own.
This example illustrates the plotting of a simple set of x,y data.
This example illustrates the plotting of a simple set of x,y data as a vertical-bar histogram.
This example illustrates the plotting of a simple set of x,y data as a horizontal-bar histogram.
An alternative method of entering xy data involves putting the data into an array. Each element of the array consists of an x,y pair followed, optionally, with a color and a "alternative" label (which shows up when the user moves the mouse over the point). Note that point "colors" are really just names of GIF files.
divgraph.js will interpolate points to make a curve using a 3rd-order spline function. The paremeter that makes this happen is Info.docurve=true.
Trend lines can be added to a graph with or without the equation listed. For programming purposes, the slope is returned as GR.L.m, and the intercept is returned as GR.L.b.
One of the very powerful features of divgraph.js is its capability to automatically plot transformed data. In this case, the statement Info.datatransform="10/(5-y)^2 vs. ln(x)" does the job. These functions can be JavaScript math functions, or they can be any one of the following: sin(),cos(),tan(),log(),ln(),sqr(), or sqrt(). Standard notation for powers, a^b, is translated automatically into Math.pow(a,b).
More than one call to GRdrawgraph() can be made as long as the parameter Info.keepopen is set to true. Use Info.append=true to indicate that the second graph is being appended to the first.
This example illustrates how a second call to GRdrawgraph() can be made to add a second data set. In this case we reverse the x-axis by simply making Info.xmin greater than Info.xmax.
This example illustrates several features of divgraph.js, including the reversal of the x-axis by making Info.xmin greater than Info.xmax, using transparent points to annotate the graph, applying styles using Info.style, hiding the y-axis, and displaying data in the form of a histogram.
back to the list of examplescopyright 2001 Robert M. Hanson. All rights reserved. divgraph.js is freely distributable for noncomercial purposes, provided reference is made as "divgraph.js was developed at St. Olaf College by Robert M. Hanson (http://www.stolaf.edu/people/hansonr/divgraph)." Commercial licensing is available for specific purposes.
