# 2D Graph Tool for Plotting & Animating Parametric Expressions of the Form of x(t) and y(t)

This VCSSL program is a simple tool which plots parametric expressions (formulas) of the form of x(t) and y(t) to the 2D graph.

## How to Use

### Requirements

- Java® is required to run this program.
- This program is available for PC only. If you are browsing this page on a smartphone, please open this page on a PC before taking the following procedure.

### Download and Launch this program

At first, click the "Download and Run" button at the above of the title of this page by your PC. Then a ZIP file will be downloaded, so please extract it (by selecting "Extract All" from right-clicking menu).

Next, open the extracted folder and execute "VCSSL.jar" (Executable JAR File). You may execute the JAR "VCSSL.jar" file by double-clicking, or opening by Java® Runtime Environment (JRE) from right-clicking menu, etc.

### If you want to edit this program...

Execute "VCSSL_Editor.jar" instead of "VCSSL.jar" to edit this program. Then a program-editor window will be launched. You can execute the edited program by clicking the blue-triangle button at the left-bottom of the editor window.

This program is written in the VCSSL programming language. It has simple C-like syntax, so if you are accustomed with C-like language (e.g. C, C++, C#, Java®), you might be able to custom this program.

### After Launching

#### Windows and UI

The following two-windows will be launched. The left one is the input-window, and the right one is the graph-window. In addition, the animation-window will be launched when ANIMATION button have clicked.

#### Input an Expression to Plot

At first, with using a parameter "t", please input an expressions of x(t) and y(t) you want to plot into the text fields labeled with "x(t) =" and "y(t) =" at the top of the input-window. There are some points to write the expression:

- Use small character for "t".
- Arithmetic operations such as "+" and "-" are available. However, some symbols of operators are different with handwriting expressions. Use "*" for multiplication, and use "/" for division.
- Multiplication and division are prior in calculation order than addition and subtraction.
- You can mathmatical functions such as "sin" and "cos" in the expression. The value of circle ratio is available as "PI" (capital character).
- The exponentiation operator is "**". For example, t2 should be written as "t**2" in the expression.

#### Plot a Graph

After inputting the expression, please click "PLOT" button at the middle of the input-window, and the expression will be plot to the 2D graph.

The graph will be plotted with moving the parameter t little by little from t-min to t-max, and finally will be drawn as a lines-and-points* of t-N nodes. Each points on the graph represent coordinate points of (x(t), y(t)).

* If you plot lines-only graph, please see Other Features.

#### Take Animation

Click ANIMATION button at the middle of the input-window to play animation. Then animation-window will be launched.

Animation will be played by plotting points of the graph one by one at each frames (time unit of the animation). You can check the current value of the frame counter by the value of "count =" label on the animation-window.

#### Plot new Expressions over the Current Graph

If you want to plot other expressions over the current graph, simply modify expressions of "x(t) =" and "y(t) =" text-fields, and click again "PLOT" button. New expressions will be plotted over the current graph by using a different color.

#### Clear All Contents of the Current Graph

If you want to clear all contents of the current graph, please click "CLEAR" button at middle of the input-window.

#### Other Features

With the default settings, the graph will be plotted as a lines-and-points graph. If you want to plot a lines-only graph, please disable the checkbox of "With Points" from the "Option" menu at the top of the graph-window. In addition, if you want to change the width of lines, please disable and re-enable "With Lines" option, and you will be asked the line width.

You can modify other settings from "Edit" menu at the top of the graph-window, e.g. X & Y ranges of the graph, labels of X & Y axes, legends for each lines of the graph, etc.

You also can save settings and save the image of the current graph, from "File" menu at the top of the graph-window.

The 2D graph software "RINEARN Graph 2D" is used as the graph-window of this program. If you like UI and operability of the graph-window of this program, please try to use RINEARN Graph 2D for your data-analysis use.

» More Details

## Code

This code is written in VCSSL.