"

From 2011.igem.org

   <script type="text/javascript" src="http://www.google.com/jsapi"></script>
   <script type="text/javascript">
     google.load('visualization', '1', {packages: ['corechart']});
   </script>
   <script type="text/javascript">
     function drawVisualization() {
       // Create and populate the data table.
       var data = new google.visualization.DataTable();
       data.addColumn('string', 'Task');
       data.addColumn('number', 'Hours per Day');
       data.addRows(5); //las 5 divisiones
       data.setValue(0, 0, 'Biología');//el primero es el id, el segundo siempre 0 y el tercero la etiqueta
       data.setValue(0, 1, 2); //el primero es a que id corresponde, el segundo siempre es 1 y el tercero el valor
       data.setValue(1, 0, 'Biotecnología');
       data.setValue(1, 1, 4);
       data.setValue(2, 0, 'Ing Informática');
       data.setValue(2, 1, 3);
       data.setValue(3, 0, 'Bioquímica');
       data.setValue(3, 1, 2);
       data.setValue(4, 0, 'Otros');
       data.setValue(4, 1, 2);
     
       // Create and draw the visualization.
       new google.visualization.PieChart(document.getElementById('visualization')).
           draw(data, {title:"¿Qué estudiamos?"});
     }
     

     google.setOnLoadCallback(drawVisualization);
   </script>