anchor.diff:        <div data-id="welcome" data-view="Text" data-title="Yo yo" data-text="This is your shiny new 1080p dashboard." data-moreinfo="Protip: You can drag the widgets around!"></div>
       </li>
   
  -    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  -      <div data-id="synergy" data-view="Meter" data-title="Synergy" data-min="0" data-max="100"></div>
  -    </li>
   
  -    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  -      <div data-id="synergy" data-view="Meter" data-moreinfo="In sync with my neighbour!" data-title="Synergy" data-min="0" data-max="100"></div>
  -    </li>
  -
  -    <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
  -      <div data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
  -    </li>
  -
  -    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  -      <div data-id="karma" data-view="Number" data-title="Karma" style="background-color:#96bf48;"></div>
  -      <i class="icon-heart icon-background"></i>
  -    </li>
  -
  -    <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
  -      <div data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#47bbb3;"></div>
  -    </li>
  -
  -    <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
  -      <div data-id="twitter_mentions" data-view="Comments" style="background-color:#ff9618;" data-moreinfo="Tweets tagged with #todayilearned"></div>
  -      <i class="icon-twitter icon-background"></i>
  -    </li>
   
     </ul>
     <center><div style="font-size: 12px">Try this: curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "text": "Hey, Look what I can do!" }' \http://<%=request.host%>:<%=request.port%>/widgets/welcome</div></center>
  
positive.code: <script type='text/javascript'>
  $(function() {
    // These settings override the defaults set in application.coffee. You can do this on a per dashboard basis.
    Dashing.gridsterLayout('[{"col":2,"row":1,"size_x":1,"size_y":1},{"col":1,"row":1,"size_x":1,"size_y":2},{"col":3,"row":1,"size_x":2,"size_y":1},{"col":2,"row":2,"size_x":1,"size_y":1},{"col":3,"row":2,"size_x":1,"size_y":1},{"col":1,"row":3,"size_x":1,"size_y":2},{"col":5,"row":1,"size_x":1,"size_y":1},{"col":4,"row":2,"size_x":2,"size_y":2},{"col":2,"row":3,"size_x":2,"size_y":1}]')
    Dashing.widget_base_dimensions = [370, 340]
    Dashing.numColumns = 5
  });
  
negative.code:       <div data-id="github_user_repos_watchers" data-view="List" data-title="Github Branch Watchers "></div>
      </li>
  
      <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
        <div data-id="ga_top_keywords" data-view="List" data-title="Top Keywords by Pageview"></div>
      </li>
      
  