anchor.diff:        var context = drawCloud(id);
         context.beginPath();
         context.moveTo(35, 40);
  -      context.lineTo(55, 60);
  +      context.lineTo(55, 65);
         context.moveTo(20, 40);
  -      context.lineTo(40, 60);
  +      context.lineTo(40, 65);
         context.moveTo(50, 40);
  -      context.lineTo(70, 60);
  -      context.lineWidth = 5;
  +      context.lineTo(70, 65);
  +      context.lineWidth = 3;
         context.strokeStyle = "#000000";
         context.stroke();
  +      context.closePath();
       }
   
       var drawSun = function(id) {
  -      var canvas = document.getElementById(id);
  -      var context = canvas.getContext("2d");
  -      context.arc(canvas.width/2, canvas.height/2, canvas.width/6, 0 * Math.PI, 2 * Math.PI);
  -      context.lineWidth = 5;
  +      if (typeof id == "string") {
  +        var canvas = document.getElementById(id);
  +        var context = canvas.getContext("2d");
  +      } else {
  +        var context = id;
  +        var canvas = context.canvas;
  +      }
  +      context.beginPath();
  +      context.arc(canvas.width/2, canvas.height/2, canvas.width/7, 0 * Math.PI, 2 * Math.PI);
  +      context.lineWidth = 10;
         context.strokeStyle = "#000000";
         context.stroke();
  +      context.fillStyle = "#fff";
  +      context.fill();
         context.translate(canvas.width/2, canvas.height/2);
  +      context.lineWidth = 5;
         for (i = 0; i < 12; i++) {
           context.rotate(Math.PI * 2 / 12); // Rotate a 12th of 360 degrees
           context.beginPath();
  
positive.code:         context.lineTo(20, 0);
          context.stroke();
        }
      }
  
      var draw = function(){
        drawCloud("morning_weather");
        drawRain("lunch_weather");
        drawSun("afternoon_weather");
        drawCloud("evening_weather");
      };
      draw();
    </script>
  
negative.code:       <td><canvas id="afternoon_weather" width="91px" height="70px"></canvas></td>
        <td><canvas id="evening_weather" width="91px" height="70px"></canvas></td>
      </tr>
      <tr>
        <td>8&deg;</td>
        <td>13&deg;</td>
        <td>15&deg;</td>
        <td>10&deg;</td>
      </tr>
    </table>
    <script>
      var drawCloud = function(id) {
        if (typeof id == "string") {
          var canvas = document.getElementById(id);
          var context = canvas.getContext("2d");
        } else {
          var context = id;
          var canvas = context.canvas;
        }
        var base = 10;
        var scale = 1.3;
        context.save();
  