Line Graph script

This is a purely DHTML/ CSS based Line Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent detail at JavaScriptBank. com - 2.000+ free JavaScript codes

Demo: JavaScript Line Graph script

How to setup

Step 1: Copy & Paste JavaScript code below in your HEAD section
JavaScript

Code (text):

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
    <!--
        This script downloaded from w w w.JavaScriptBank. com
        Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
    -->
 

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code (text):

<div id="lineCanvas" style="overflow: auto; position:relative;height:300px;width:400px;"></div>

<script type="text/javascript">
var g = new line_graph();
g.add('1', 145);
g.add('2', 0);
g.add('3', 175);
g.add('4', 130);
g.add('5', 150);
g.add('6', 175);
g.add('7', 205);
g.add('8', 125);
g.add('9', 125);
g.add('10', 135);
g.add('11', 125);

g.render("lineCanvas", "Line Graph");
</script>
    <!--
        This script downloaded from w w w.JavaScriptBank. com
        Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
    -->
 

Step 3: downloads
Files
line.js
wz_jsgraphics.js

JavaScript Line Graph script - JavaScript Virtual Keyboard - JavaScript Horizontal Slider

That's pretty cool, thanks .