Bluff Javascript Graphing Library

 

For those who have ever wanted to be able to create quick and effective graphs simply from Javascript, here is the library for you. Weighing in at 8kb, with a few simple additions to your page you can have a dynamic graph. A great way to present data to users.

Picture 4.png

1
2
3
4
5
6
7
8
9
10
11
12
13
  
  <canvas id="example"></canvas>
  <script type="text/javascript">
     var g = new Bluff.Line('example', 400);
     g.theme_37signals();
     g.title = 'My Graph';
     g.data('Apples', [1, 2, 3, 4, 4, 3]);
     g.data('Oranges', [4, 8, 7, 9, 8, 9]);
     g.data('Watermelon', [2, 3, 1, 5, 6, 8]);
     g.data('Peaches', [9, 9, 10, 8, 7, 9]);
     g.labels = {0: '2003', 2: '2004', 4: '2005'};
     g.draw();
   </script>

Download Bluff Library

Comments (0) Leave a Comment
  1. No comments yet.

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
Trackbacks are closed.