Using console.table() to check out objects

So I've been objectifying data lately and when I'm trying to make it do stuff in a browser, especially with d3.js like in the example, all the nested tabs make those objects hart to read.

But with console.table() you get a nice view of your objects in a table in the Javascript Console!

Don't know if it's supported everywhere but works well for me in Chrome. If you open your JavaScript Console and reload the page hopefully you'll see a nice table and not lots of errors like I usually see.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>Using console.table()</title>
            <script src="https://d3js.org/d3.v3.min.js"></script>
             <script type="text/javascript" src="./UNhcrPOC50.js"></script>
            </head>
    <body>
Open up that JavaScript Console and refresh the page to hopefully see a working example of console.table() from the below code in action.
    
    <svg class="chart"></svg>
        
        
        <script type="text/javascript">
            var width = 500,
            barheight= 20;
            
            var x = d3.scale.linear()
            .range([0,width]);
            
            
            
           //var chart = d3.select(".chart").att("width",width);
            
           // console.table(d3.values(top50POCunhcr))
           var tops = d3.values(top50POCunhcr);
           console.table(tops);
           
           
           
           
            </script>
    </body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js