JavaScript Diagram Builder - Introduction

The JavaScript Diagram Builder v. 3.3 is a library of some objects and functions, which can help you to display a coordinate diagram (resp. a chart or graph) in your webpage in an easy way. The file 'diagram.js' contains all the necessary objects and functions. This file must be included in the header of your webpage:

<SCRIPT Language="JavaScript" src="diagram.js"></SCRIPT>

The script will best work with Microsoft Internet Explorer 5.x, Netscape 6.x, Opera 7.x or Konqueror 3.x under Windows and Linux, but it will also work with Netscape 4.x and Opera 5.x under Windows and Linux with some restrictions.

The JavaScript Diagram Builder is especially useful, if you want to display a coordinate diagram (chart or graph) which depends on the client's input parameter or from data of a database.

The JavaScript Diagram Builder v. 3.3 is copyrighted freeware. It is provided "as is", without a warranty of any kind. If you encounter any bugs, or if you have any suggestions for further versions, then send me an email.

Here is the history of new features:
  • object 'Line' and object 'Area' available (v. 2.4)
  • draw scale with unit (v. 2.4)
  • define target window for the diagram (v. 2.4)
  • get grid values without drawing the diagram (v. 2.4)
  • scale text can be defined as function of scale values (v. 2.5)
  • grid lines can be drawn (v. 2.5)
  • scale interval (and consequently number of scale lines) can be defined (v. 2.5)
  • font can be changed for diagram scale, Bar- and Box-objects (v. 2.5)
  • sub-grid lines can be drawn (v. 2.6)
  • the code is conform with XHTML 1.0 standard (v. 2.7)
  • method SetColor available for all objects (v. 2.8)
  • script file is splitted into browser specific parts (v. 2.8)
  • object 'Arrow' available (v. 2.9)
  • image can be used as type of a 'Dot' object (v. 2.9)
  • PHP and ASP versions of the script available! (v. 3.0)
  • method of Diagram object 'SetGridColor' should be used for compatibility (v. 3.0)
  • method of Diagram object 'SetGridColor' should be used for compatibility (v. 3.0)
  • grid color and scale position for X and Y can be specified (v. 3.1)
  • image can be used for theDrawColor of Diagram object and Text of Bar/Box (v. 3.1)
  • logarithmic scale can be drawn (v. 3.2)
  • object 'Pie' available, onMouseOver and onMouseOut can be used (v. 3.3)


Lutz Tautenhahn
© 2001-2005
The Diagram object »