Chartbeat With P2PU Example

HTML

<script src="https://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.min.js"></script>
<script id="template" type="text/x-jquery-tmpl"> 
 <tr>
     <td><a href="http://bloomberg.com${path}">http://bloomberg.com${path.substr(0,60)} ...</a></td>
  <td>${visitors}</td>
 </tr>
</script>

<div id="mydiv">
 <table>
  <thead>
   <tr>
    <th>Page</th>
    <th>Visits</th>
   </tr>
  </thead>
  <tbody id="info"></tbody>
 </table>
</div>

CSS

table {
 border-collapse: collapse;  
 border: 1px solid #666666;
}

table td, table th {
 padding: 5px;
 border: 1px solid #666666;
}

JavaScript

var apikey="c51a90c3a8228bb374b2f848b10a4718";
var host="bloomberg.com";
var limit="1";
var sort_by="social";

var url = "http://api.chartbeat.com/live/toppages/v3/?apikey=c51a90c3a8228bb374b2f848b10a4718&host=bloomberg.com&limit=1&sort_by=social";


$.getJSON(url,function(data) {
    $("#template").tmpl(data.toppages).appendTo("#info");
});