Example 1  Example 2  Example 3  Example 4  Example 5

HTML Graphic Commands are included in the HTML file using the <GRAPHIC>...</GRAPHIC> tags
Each command begins with the Name of the Graphic (i.e. "ARC")  followed by a blank and a list of
comma separated value terminated by a semicolon ";".  A graphic command can span any number of lines.

<GRAPHIC>...</GRAPHIC> Create an Image from set of graphic commands
Property Description
ID=name Element Identifier
Style="..." Style
Class=class-name Class Name
Height=pts Height of graphic (pixels)
Width=pts Width of graphic (pixels)
Clip=Yes | No If true, Clip all Graphics to graphic range
Range="xmin,ymin,xmax,ymax" Mapping Coordinate Range, default="0,0,width,height"
Border=n Border Width
Origin=BOTTOM_LEFT  | TOP_LEFT Default = BOTTOM_LEFT
BgColor=color Background Color

Graphic Commands:
ARC, ARCDIMENSION, CALENDAR, CIRCLE, CONE, DIMENSION, GRID, GRAPH, LINE,
NUMBERLINE, POLYGON, RECTANGLE, PIE, PROTRACTOR, SYMBOL, TEXT, TEXTBOX

ARC (example ARC Red,3,,,10,10,100,0,45;)

Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Center X Arc Center X
Center Y Arc Center Y
Radius Arc Radius
Start Arc Start Angle 0 to 360 degrees
Sweep Arc Sweep Angle -360 to 360 degrees

ARCDIMENSION (example ArcDimension Black,1,solid,50,60,40,0,60,,10,Hello,Black,12,;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Center X Arc Center X
Center Y Arc Center Y
Radius Arc Radius
Start Arc Start Angle 0 to 360 degrees
Sweep Angle(s) Arc Sweep Angles-360 to 360 degrees
Length (s) Arc Lengths (IF Sweep is Empty)
Offset Offset of Dimension from Arc
Label Dimension Label
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name
 
Calendar (example Calendar Black,1,solid,2012,Feb,0,0,200,200;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Year Year
Month Month
X Left X coordinate
Y Bottom Y coordinate
Width Calendar Width
Height Calendar Height
reference-months true / false, add reference previous and next month in header

CONE
(example CONE Red,3,,,10,10,100,0,45;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Center X Arc Center X
Center Y Arc Center Y
Radius Arc Radius
Start Arc Start Angle 0 to 360 degrees
Sweep Arc Sweep Angle -360 to 360 degrees

CIRCLE
(example CIRCLE Red,3,,,10,10,100;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Center X Circle Center X
Center Y Circle Center Y
Radius Circle Radius

LINE
(example: Line Black,1,solid,,0:0,100:100,200:0;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
X1:Y1 First Point
X2:Y2 Second Point
...  
Xn:Yn Last point of Line

POLYGON (example: Polygon Black,1,solid,,0:0,100:100,200:0;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
X1:Y1 First Point
X2:Y2 Second Point
...  
Xn:Yn Last point of Line

GRAPH (example: Graph Black,1,solid,,0,0,50,80,Black,12,,0,100,10,4,Black,1,solid,0,true,0,100,10,4,Black,1,solid,0,true;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Left Left Coordinate
Bottom Bottom
Height Height of Gtraph
Width Width
Font Color Font Color of Labels
Font Size Font Size of Labels
Font Name Font Name
X Minimum Minimum Label Value of the X Axis
X Maximum Maximum Label Value of the X Axis
X Division Number of X Axis Major Divisions
Tic Marks Number of Tic Marks Between Divisions
Line Color Line Color of of X Axis
Line Weight Line Weight of X Axis
Line Style Line Style of X Axis
Label Precision Number of Decimal Points of the X Axis Labels
Label X Label X Axis (true or False
Y Minimum Minimum Label Value of the Y Axis
Y Maximum Maximum Label Value of the Y Axis
Y Division Number of Y Axis Major Divisions
Tic Marks Number of Tic Marks Between Divisions
Line Color Line Color of of Y Axis
Line Weight Line Weight of Y Axis
Line Style Line Style of Y Axis
Label Precision Number of Decimal Points of the Y Axis Labels
Label Y Label Y Axis (true or False

IMAGE
(example: Image 10,20,50,80,a_drill.jpg,0; )
Property Description
Left X of Lower Left
Bottom Y of Bottom of Image
Height Height of Image (pixel)
Width Width of Image (Pixels)
Image Name of Image or URL
Angle Angle in degrees

GRID 
(example: Grid Black,1,solid,,10,20,50,80,4,6;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Left Left Coordinate
Bottom Bottom
Height Height of Gtraph
Width Width
Rows Number of Rows
Columns Number of Columns

TEXT (example: Text 0,0,0,Hello World,,12,Black,;)
Property Description
Left Left Coordinate
Bottom Bottom
Angle Angle 0-360 of text
Text Text
URL Hyperlink
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name

TEXTBOX
(example: Textbox Black,1,solid,,0,0,0,0,50,80,rounded,left,middle,Hello World,12,Black,;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #Hex
Drop X Drop X Offset
Drop Y Drop Y Offset
Left Left Coordinate
Bottom Bottom
Height Height of Gtraph
Width Width
Shape Shape of Textbox square | rounded
Align Alignment Left | Center | Right
VAlign Vertical Alignment TOP | MIDDLE | BOTTOM
Text Text
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name

SYMBOL (example: Symbol 20,20,10,0,Z154,Black;)
Property Description
Center X X Center Point of Symbol
Center Y Y Center Point of Symbol
Size Size in Points
Angle Angle of  Symbol
Symbol Symbol Character Z134
Color Symbol Color Name of #hexcolor

DIMENSION
(example: Dimension Black,1,solid,0,0,100,100,10,0,10.5,Black,12,;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
X1 Point 1 X
Y1 Point 1 Y
X2 Point 2 X
Y2 Point 2 Y
Offset Dimension Offset
Angle Angle of Label
Label Dimension Label
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name

RECTANGLE
(example: Rectangle Black,1,solid,Red,0,0,50,80;;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Fill Color Name of #Hex
Left Left Coordinate
Bottom Bottom
Height Height of Gtraph
Width Width

NUMBERLINE
(example: NumberLine 0,0,50,80,Black,12,,0,10:10,0,100,10,4,Black,1,solid,0,true;)
Property Description
Left Left Coordinate
Bottom Bottom
Height Height of Gtraph
Width Width
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name
Angle Angle in Degrees (0 - 360)
Marker Points Set of Point Along Number line x1:label,x2:label...
Minimum Minimum Number Line Value
Maximum Maximum Number Line Value
Divisions Number of Major Divisions
Tic Marks Number of Tic Mark Between Divisions
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Label Precision Number of Decimal Points on Label
Labels true | false

PROTRACTOR
(example Protractor Black,1,solid,,50,50,50,0,180,18,9,10 30,Black,1,solid,Black,true;)
Property Description
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Fill Color Blank for no fill, 0.001 to 0.999 for gray scale, Color Name or #HexColor
Center X Arc Center X
Center Y Arc Center Y
Radius Arc Radius
Start Angle Arc Start Angle 0 to 360 degrees
Sweep Angle Arc Sweep Angle -360 to 360 degrees
Divisions Number of Major Divisions On Protractor (default=18)
Tic Mark Tic Marks between Divisions (Default=9)
Marked Angles A List of Angle to Mark on Protractor
Marked Line Color Line Color, Name or  #HexColor
Marked Line Weight 1 to 100
Marked Line Style Solid, Dot, Dash, or pdf pattern
Font Color Font Color Name of #hexvalue
Labeled Label Marked Angles True | False

PIE (
example: Pie 50,50,50,0,Black,1,solid,Black,12,,,10:red;)
Property Description
Center X Pie Center X
Center Y Pie Center Y
Radius Pie Radius
Start Angle Start Angle 0 to 360 degrees
Line Color Line Color, Name or  #HexColor
Line Weight 1 to 100
Line Style Solid, Dot, Dash, or pdf pattern
Font Size Font Size Points
Font Color Font Color Name or Value
Font Name Font Name
Label Radius Radius to Place Labels
Segment(s) List of Pie Segments Sweep:Color:Label,...