xxxxxxxxxx<html lang='en'><head> <meta charset='utf-8'> <title>dc.js Experiment</title> <script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js' type='text/javascript'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js' type='text/javascript'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0-beta.32/dc.js' type='text/javascript'></script> <link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css' rel='stylesheet' type='text/css'> <link href='https://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0-beta.32/dc.css' rel='stylesheet' type='text/css'> <style type="text/css"></style> <style> h4 span { font-size:14px; font-weight:normal; } h2 { float: right; } h2 span { font-size:14px; font-weight:normal; } </style></head><body><div class='container' style='font: 12px sans-serif;'> <div class="dc-data-count" style="float: left;"> <h2>New Zealand Earthquakes <span> <span class="filter-count"></span> selected out of <span class="total-count"></span> records | <a href="javascript:dc.filterAll(); dc.renderAll();">Reset All</a> </span> </h2> </div> <div class='row'> <div class='span6' id='dc-magnitude-chart'> <h4> Number of Events by Magnitude <span> <a class="reset" href="javascript:magnitudeChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> <div class='span6' id='dc-depth-chart'> <h4> Events by Depth (km) <span> <a class="reset" href="javascript:depthChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> </div> <div class='row'> <div class='span12' id='dc-time-chart'> <h4> Events per hour <span> <a class="reset" href="javascript:timeChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> </div> <div class='row'> <div class='span4' id='dc-dayweek-chart'> <h4> Day of the Week <span> <a class="reset" href="javascript:dayOfWeekChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> <div class="clearfix"></div> </div> <div class='span4' id='dc-island-chart'> <h4> North or South Island <span> <a class="reset" href="javascript:islandChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> <div class='span4' id='blank2'> <h4>Blank 2</h4> </div> </div> <div class='row'> <div class='span12'> <table class='table table-hover' id='dc-table-graph'> <thead> <tr class='header'> <th>DTG</th> <th>Lat</th> <th>Long</th> <th>Depth</th> <th>Magnitude</th> <th>Google Map</th> <th>OSM Map</th> </tr> </thead> </table> </div> </div></div> <script src="nz-earthquake.js" type="text/javascript"></script> </body></html> https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js
https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js
https://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0-beta.32/dc.js