table2chart

This is a plugin MooTools that generates charts from accessible data tables. So, you can take a simple, valid and accessible data table and it gets automatically converted to a pie chart. Simply add the script to the end of the body and it'll converts all the table with a class called 'toChart'. You can define the size and the colour within the attribute class of the table (like: class="toChart size700x300 color29b34f").

How to use

First you must to include the JS files in the head of your HTML document.

   #HTML
   <script type="text/javascript" src="mootools.js"></script>
   <script type="text/javascript" src="table2chart.js"></script>

In your HTML source:

Browser	Percent
MSIE	20
FireFox	100
Camino	70
Opera	90
Safari	90

Add the script to the end of the body:

   #JS 
   <script type="text/javascript">
     new Table2Chart(); 
   </script>

OR wait until dom is ready

  #JS 
  <script type="text/javascript">
  window.addEvent('domready',function(){
     new Table2Chart();   
  });  
  </script>

Dependencies

  MooTools Core 1.3