xxxxxxxxxx
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html lang="en">
<head>
<title>BMT-Ecology</title>
<link rel="shortcut icon" href="https://bmt.cloud.databricks.com/media/bmt-favicon.24e70a2e.ico">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/dc/3.0.6/dc.css"/>
<link type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/leaflet.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/images/marker-icon.png" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/images/marker-icon-2x.png" />
<link type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.Default.css" rel="stylesheet"/>
<link type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.css" rel="stylesheet"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--<script src="https://gist.github.com/xhinking/9341806.js"></script>-->
<style>
#monthly-volume-chart g.y {
display: none;
}
#container{width:100%;}
#left{float:left;width:20px;}
#right{float:right;width:20px;}
#center{margin:0 auto;width:800px;}
#paging {
text-align: right;
}
#data-table th span { /*Glyphicon style*/
float: right;
font-size: 1em;
color: #0080bf;
display: inline-block;
}
#dc-table-graph th {
cursor: pointer;
}
.dc-chart g.row text {fill: black;}
#holder>div {
padding:30px 0;
clear:both;
}
.map {
width:600px;
height:350px;
}
</style>
</head>
<body>
<div id="container">
<div id="left"></div>
<div id="right">
</div>
<div id="center"></div>
</div>
<div class="container">
<h2>Turtle Nesting Study Area</h2>
<div class="row">
<div id="demo1" align="center">
<!--<strong>Average Values (Top 20)</strong>-->
<a class="reset" href="javascript:marker.filterAll();dc.redrawAll();" style="display: none;">reset</a>
<div class="map"></div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div id="search-chart"></div>
<!--<div style="clear:both;">-->
<div id="year-chart" align="center">
<strong>Year</strong>
<a class="reset" href="javascript:yearChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>
<div class="clearfix"></div>
</div>
<div id="name-chart" align="center">
<strong>Name</strong>
<a class="reset" href="javascript:nameChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>
<div class="clearfix"></div>
</div>
<div id="descriptor-chart" align="center">
<strong>Descriptor</strong>
<a class="reset" href="javascript:descriptorChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>
<div class="clearfix"></div>
</div>
<div id="hectares-chart" align="center">
<strong>Hectares by Location</strong>
<a class="reset" href="javascript:hectaresChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>
<div class="clearfix"></div>
</div>
<div class="row">
<div>
<div class="dc-data-count" align="center">
<span class="filter-count"></span> selected out of <span class="total-count"></span> records | <a
href="javascript:dc.filterAll(); dc.renderAll();">Reset All</a>
</div>
</div>
<table class="table table-hover dc-data-table">
</table>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--<script type="text/javascript" src="js/d3.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.5.0/d3.js"></script>
<!--<script src="https://d3js.org/d3-time.v1.min.js"></script>
<script src="https://d3js.org/d3-time-format.v2.min.js"></script>-->
<!--<script type="text/javascript" src="js/crossfilter.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js"></script>
<!--<script type="text/javascript" src="js/dc.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dc/3.0.6/dc.js"></script>
<!--<script type="text/javascript" src="js/d3.js"></script>-->
<!--<script type="text/javascript" src="js/crossfilter.js"></script>-->
<!--<script type="text/javascript" src="js/dc.js"></script>-->
<!--<script type="text/javascript" src="../dc.leaflet.js-master/web/js/leaflet.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/leaflet.js"></script>
<!--<script src="../dc.leaflet.js-master/web/js/colorbrewer.js"></script>-->
<!--<script type="text/javascript" src="../dc.leaflet.js-master/web/js/leaflet.markercluster.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/leaflet.markercluster.js"></script>
<!--<script type="text/javascript" src="../dc.leaflet.js-master/web/js/dc.leaflet.js"></script>-->
<script type="text/javascript" src="dc.leaflet.js"></script>
<script type="text/javascript" src="turtleAreas.js"></script>
</body>
</html>
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
https://gist.github.com/xhinking/9341806.js
https://cdnjs.cloudflare.com/ajax/libs/d3/5.5.0/d3.js
https://d3js.org/d3-time.v1.min.js
https://d3js.org/d3-time-format.v2.min.js
https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js
https://cdnjs.cloudflare.com/ajax/libs/dc/3.0.6/dc.js
https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/leaflet.js
https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/leaflet.markercluster.js