EZ Math Movie, Tutorials, Simple Graphics, The Graph at Startup

The axes and origin

EZ Math Movie starts out with a normal (x, y) graph visible at startup:

X-axis, y-axis, origin

The bounds and grid

Startup graph bounds

At startup and throughout most of the tutorials the graph has these bounds:

  • Left most x-coordinate
    • Name: worldXMin
    • Value: -10
  • Right most x-coordinate
    • Name: worldXMax
    • Value: 10
  • Bottom most y-coordinate
    • Name: worldYMin
    • Value: -10
  • Top most y-coordinate
    • Name: worldYMax
    • Value: 10

We will state these bounds with this type of notation:

x:[-10, 10], y:[-10, 10]

The graph panel controls

Top controls for graph: Run, pause, resume, stop, bounds edit

The top of the graph panel holds some controls and information:

  • Running the program
    • The Go button
    • The Pause button
    • The Resume button
    • The Stop button
  • Displaying the current bounds
  • Changing the bounds

Changing the bounds

Click the Graph checkbox, select new bounds

To change the graph bounds, click the checkbox in the upper left corner and a drop down list of bounds will appear.

Use the list and select the bounds that you would like.

The notation works this way:

x:[worldXMin, worldXMax]
y:[worldYMin, worldYMax]

After making your selection click the checkbox again to close things up and have your changes accepted.

Running the example program

The following example program sets up the graph and draws a line segment and a point. Click the 'Go' button on the graph panel to see this. The details of this program will be explained in the following tutorials.

The example program

Angle measurement: Degrees Radians

Go on input

Sorry, apparently this browser does not support HTML 5 canvas tag graphics.

Edit: Runtime          View: Starter Suggestion

To runtime:


Editor width: Normal Wide








Next tutorial: Drawing a point


Here is a link to a related article at EZ Programing Demos:

Graphics, Points and Lines

All contents of EZ Math Movie are copyrighted: Copyright 2011, Edward A. Zobel. All rights reserved.

Other sites you may find interesting

Zona Land Education Like Math and Physics?

Zona Land Education offers explanations, diagrams, and animations on these topics.
And it is all presented in a clear and casual manner.

Here is the link: zonalandeducation.com

EZ Programing Demos Want to learn about programing computers?

EZ Programing Demos has an animated, slow motion, interactive programing language demonstrator.
The site presents basic ideas at a beginner's level.

Here is the link: ezprogramingdemos.com

Custom Search