Cornelio — is a javascript for graphic building.
It builds graphics directly in browser, omitting need to use server-side graphic library such as ImageMagick or GD. Cornelio provides ability to build unlimited number of graphics on one chart. Source data can be given as an array of points or function. Supported in most modern browsers.

No license yet.
It means, that this code is forbidden to use in any manner by everyone, except those who get direct written permission from author. Ask me, or wait for free license.

This is a working example, drawing graphics in your browser.
You can change it's sizes and functions.

Need more information ?
The script is in proof-of-concept stage yet. For any questions or suggestions mail the author.

Usage:

1. Include cornelio.js as external javascript source
   <script type="text/javascript" src="cornelio.js"></script>
2. Create placeholder
   <div id="graphic" style="border: 1px dotted gray; width: 600px; height: 400px;"></div>
3. Run the constructor to obtain Cornelio object; pass placeholder div id to constructor. Do not use contstructor before html document is loaded
   if(crnl.ready()) {
       /* work with Cornelio */
   } else {
       /* don't work with Cornelio */
   }
4. Specify ranges of axis's values (optional, default is [0;1] for both axes)
   crnl.ranges(100,30); // for x: [0;100], y: [0;30]    or
   crnl.ranges(100,30,5,-20); // for x: [5;100], y: [-20;30]
5. Turn a grid on (optional, color is a color of any valid color type, color is optional too)
   crnl.grid(color);
6. Specify axis's names
   crnl.axes('sec', 'times');
7. Provide data
   1. Raw data: array of {x:xVal, y:yVal} objects (color and width are optional)
      crnl.raw_data(arr, color, width);
   2. Functional dependence: function(x) { return y; } (step, color and width are optional)
      crnl.functional_data(func, step, color, width);
      crnl.functional_data( function(x) { return Math.sin(x); } );
8. Go to 8 to build one more graphic on the same chart (until it's needed)