Flot Example

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin works with Internet Explorer 6+, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag (the excanvas Javascript emulation helper is used for IE < 9).

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<h1>Flot Examples</h1> 
 
    <div id="placeholder" style="width:600px;height:300px;"></div>

JavaScript

$(function () {
    var d1 = [[1, 3864], [2, 3019], [4, 1971], [8, 1201], [16, 552]];
    $.plot($("#placeholder"), [ d1 ]);
});