anchor.diff:  <script type="text/javascript">
   $().ready(function(){
       $(".date").each(function(i){
  -        var size = $(this).find(".hidden").text();
  +        var actualsize = $(this).find(".hidden").text();
  +        var size = actualsize * 12;
           var offset = size / 2;
  -        if (size >= 1 && size <= 20) {size = 20, offset = 10;}
  +        if (actualsize == 1) {size = 20, offset = 10;}
  +        else if (actualsize == 2) {size = 30, offset = 15;}
  +        else if (actualsize == 3) {size = 40, offset = 20;}
  +        else if (actualsize == 4) {size = 50, offset = 25;}
  +        else if (actualsize == 5) {size = 60, offset = 30;}
  +        else if (actualsize == 6) {size = 70, offset = 35;}
  +        else if (actualsize == 7) {size = 80, offset = 40;}
  +        else if (actualsize == 8) {size = 90, offset = 45;}
  +        else if (actualsize == 9) {size = 100, offset = 50;}
  +        else if (actualsize >= 10) {size = 110, offset = 55;}
           $(this).find("img").attr("src","<%= staticPrefix %>images/blueblob-dk.png");
           $(this).find(".measure").css({'width':+size+'px','height':+size+'px','top':'-'+offset+'px','left':'-'+offset+'px'});
       });
       $(".day a").each(function(i){
           var dateClass = $(this).attr("class");
           var dateId = "#"+dateClass;
  -        $(this).hover(function(){
  -            $(dateId).removeClass("opacity20");
  -        },function(){
  -            $(dateId).addClass("opacity20");    
  -        });
  +        $(this).hover(
  +            function(){$(dateId).removeClass("opacity20");},
  +            function(){$(dateId).addClass("opacity20");}
  +        );
       });
       $(".tooltip").bt({
           positions: ['top','right','left','bottom'],
  
positive.code: });
  </script>
  
  <div id="wbChart">
      
    <div id="wbChartThis">
          <a style="position:relative; white-space:nowrap; width:<%= imgWidth %>px;height:<%= imgHeight %>px;" href="" id="wm-graph-anchor">
          <div id="wm-ipp-sparkline" style="position:relative; white-space:nowrap; width:<%= imgWidth %>px;height:<%= imgHeight %>px;background: #f3f3f3 -moz-linear-gradient(top,#ffffff,#f3f3f3);background: #f3f3f3 -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3), color-stop(1.0, #f3f3f3));background-color: #f3f3f3;filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorstr=#FFFFFFFF, endColorstr=#FFF3F3F3);cursor:pointer;border: 1px solid #ccc;border-left:none;" title="<%= fmt.format("ToolBar.sparklineTitle") %>">
  			<img id="sparklineImgId" style="position:absolute;z-index:9012;top:0;left:0;"
  				onmouseover="showTrackers('inline');" 
  				onmouseout="showTrackers('none');"
  				onmousemove="trackMouseMove(event,this)"
  				alt="sparklines"
  				width="<%= imgWidth %>"
  
negative.code:                         </div>
                          <div class="day">
  
                              <a href="<%= safeUrl %>" title="<%= count %> snapshots" class="<%= fmt.format("{0,date,MMM-d-yyyy}",firstCaptureInDayDate) %>"><%= dom + 1 %></a>
                          </div>
                      </div>
  			      </td><%
  