A Scoreboard can be added to any widged when relevant. The progress bar images were taken from Tips for Twits ProgressBar jQuery plugin, released under a BSD license.

Scores read in a Google Spreadsheet

Scores defined locally



The google spreadsheet used for the first board can be viewed here:



Code:
<h3>Scores read in a Google Spreadsheet</h3>
<div id="a-0" class="wg-scores"></div>
<h3>Scores defined locally</h3>
<div id="a-1" class="wg-scores"></div>
<script type="text/javascript" src="http://widged.com/widgeds/v2/helpers/dataread.js">
</script><script type="text/javascript" src="http://widged.com/widgeds/v2/activities/student_score/libs/jquery.studentScores.js">
</script><script type="text/javascript">
//<![CDATA[
   var activity = jQuery("#a-0");
   activity.bind("readResult", function(e, data){ activity.trigger("dataChange", data) });
   widged.dataread.init(activity);
   widged.dataread.getName('0AowayyeQN842dHJpUzlCZy1pV2N3Q1kwb1hsdzlxNWc', 'Lisa Shipe', 'D,E,F');
        
        var activityUrl = "http://widged.com/widgeds/v2/activities/student_score/";

    jQuery('#a-0').wgStudentScores({
      legendWidth      : 80,                                
      barWidth         : 120,                                 
      barHeight        : 12,   
      baseUrl: activityUrl,
     });

    jQuery('#a-1').wgStudentScores({
        scoreList:{'Math': 34, 'Geography': 4, 'History': 90,'French': 56},
        legendWidth      : 80,      
        barWidth         : 120,     
        barHeight        : 12,       
        baseUrl: activityUrl,
    });
        
//]]>
</script>