xxxxxxxxxx<html lang='en'><head> <meta charset='utf-8'> <title>61X, 62E, 63A Career Field</title> <script src='https://d3js.org/d3.v3.min.js' type='text/javascript'></script> <script src='https://crossfilter.github.io/crossfilter/crossfilter.v1.min.js' type='text/javascript'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/dc/1.7.0/dc.min.js' type='text/javascript'></script> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js' type='text/javascript'></script> <link href='bootstrap.min.css' rel='stylesheet' type='text/css'> <link href='dc.css' rel='stylesheet' type='text/css'> <style type="text/css"> 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>Overview of 61X, 62E, 63A <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-tis-chart'> <h4> Number of Officers by Time in Service <span> <a class="reset" href="javascript:tisChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> <div class='span6' id='dc-ctis-chart'> <h4> Number of Officers by Commissioned TIS <span> <a class="reset" href="javascript:ctisChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> </div> <div class='row'> <div class='span4' id='dc-core-chart'> <h4> Core Group <span> <a class="reset" href="javascript:coreChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> <div class="clearfix"></div> </div> <div class='span4' id='dc-degree-chart'> <h4> Degrees <span> <a class="reset" href="javascript:degreeChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> <div class='span4' id='dc-grade-chart'> <h4> Grade <span> <a class="reset" href="javascript:gradeChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> </div> <div class='row'> <div class=span4' id = 'dc-majcom-chart'> <h4> MAJCOM <span> <a class="reset" href="javascript:majcomChart.filterAll();dc.redrawAll();" style="display: none;"> reset </a> </span> </h4> </div> </div> <div class='row'> <div class='span12'> <table class='table table-hover' id='dc-table-graph'> <thead> <tr class='header'> <th>Core</th> <th>MAJCOM</th> <th>Degree</th> <th>Grade</th> <th>Duty</th> <th>TIS</th> </tr> </thead> </table> </div> </div></div> <script src="main.js" type="text/javascript"></script></body></html> Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://crossfilter.github.io/crossfilter/crossfilter.v1.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://crossfilter.github.io/crossfilter/crossfilter.v1.min.js
https://cdnjs.cloudflare.com/ajax/libs/dc/1.7.0/dc.min.js
https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js