JavaScript Diagram Builder - The Dot object

The Dot object is used to display a dot on the screen, especially to draw it in a diagram area. In order to find the appropriate screen position of a dot, the diagram functions ScreenX, ScreenY, RealX and RealY can be used. It is also possible, to move, hide and delete a dot after it has been drawn.
This diagram was generated by

<SCRIPT Language="JavaScript">;
var D=new Diagram();
D.SetFrame(80, 160, 640, 460);
D.SetBorder(6, 18, 0, 6);
D.Draw("#FF80FF", "#000000", false);
var Size, Type, x;
Color=new Array("#000000","#FF0000","#0000FF","#000000","#FF0000","#0000FF");
for (Size=6; Size<=18; Size++)
{ x=D.ScreenX(Size);
  new Dot(x, D.ScreenY(0), Size, 'smile.gif', "", "Type: smile.gif, Size:"+Size);
  for (Type=1; Type<7; Type++)
    new Dot(x, D.ScreenY(Type), Size, Type, Color[Type-1], "Type:"+Type+", Size:"+Size);

You can use the following methods:

« The Box object The Pixel object »