1 XY plot using flot library

This shows how to make a plot of a \(\sin (x)\) function. The library used is http://www.flotcharts.org/

Clicking on ex1.htm runs the code. The source code is

<html lang="en"> 
  Simple Javascript example 1 
<meta charset="UTF-8"> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>Flot Examples: Basic Options</title> 
        <script language="javascript" type="text/javascript" src="/scripts/flot/jquery.js"></script> 
        <script language="javascript" type="text/javascript" src="/scripts/flot/jquery.flot.js"></script> 
        <script type="text/javascript"> 
        $(function() { 
    var options = { 
           series: { 
              lines: { show: true, fill: false, lineWidth:1}, 
              points: { show: false }, 
              color:"rgb(0, 0, 0)" 
                var data = []; 
                for (var i = -2*Math.PI; i < 2*Math.PI; i += Math.PI/10) { 
                        data.push([i, Math.sin(i)]); 
                $.plot("#plot", [data], options); 
                // Add the Flot version string to the footer 
                $("#footer").prepend("Flot " + $.plot.version + " &ndash; "); 
Example showing how to plot a sin function using flot library. 
  <div id="plot" style="width:400px;height:300px"></div>