JSONP Table Example

forked from carlkra's block: Table Example

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <script src="jsonp.js"></script>
    
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:29%; height: 100% }
  </style>
</head>

<body>
  <script>
   var columns = ["date", "isHalfday","litVolume","marketShare","routedVolume","volume"];
     
  url="https://api.iextrading.com/1.0/stats/recent"    
  d3.jsonp(url+'?callback=d3.jsonp.foo', function(data) { 
   var table = d3.select("#container")
               .append("table")
               .classed("table", true),
       thead = table.append("thead"),
       tbody = table.append("tbody");    
     
    console.log(data);
    
    
   thead.append("tr")
    .selectAll("th")
    .data(columns)
    .enter()
    .append("th")
    .text(function(column) { return column; });
 
   var rows = tbody.selectAll("tr")
    .data(data)
    .enter()
    .append("tr");

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js