xxxxxxxxxx
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Age-adjusted CHIME data by zip code</title>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript"></script>
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
<script src="script.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<link rel="stylesheet" href="stylesheet.css" />
<style type="cartocss/text" id="diabetes-css">
#all_age_adjusted_to_map{
polygon-fill: #FFFFB2;
polygon-opacity: 0.8;
line-color: #FFF;
line-width: 0.5;
line-opacity: 1;
}
#all_age_adjusted_to_map [ diabetes <= 2435.834019] {
polygon-fill: #B10026;
}
#all_age_adjusted_to_map [ diabetes <= 1081.1166695] {
polygon-fill: #E31A1C;
}
#all_age_adjusted_to_map [ diabetes <= 612.0373231] {
polygon-fill: #FC4E2A;
}
#all_age_adjusted_to_map [ diabetes <= 389.8815291] {
polygon-fill: #FD8D3C;
}
#all_age_adjusted_to_map [ diabetes <= 274.49753305] {
polygon-fill: #FEB24C;
}
#all_age_adjusted_to_map [ diabetes <= 224.8066188] {
polygon-fill: #FED976;
}
#all_age_adjusted_to_map [ diabetes <= 140.2377998] {
polygon-fill: #FFFFB2;
}
</style>
<style type="cartocss/text" id="heart_disease-css">
#all_age_adjusted_to_map{
polygon-fill: #FFFFB2;
polygon-opacity: 0.8;
line-color: #FFF;
line-width: 0.5;
line-opacity: 1;
}
#all_age_adjusted_to_map [ heart_disease <= 722.9254217] {
polygon-fill: #B10026;
}
#all_age_adjusted_to_map [ heart_disease <= 309.64223485] {
polygon-fill: #E31A1C;
}
#all_age_adjusted_to_map [ heart_disease <= 233.0573983] {
polygon-fill: #FC4E2A;
}
#all_age_adjusted_to_map [ heart_disease <= 186.856404] {
polygon-fill: #FD8D3C;
}
#all_age_adjusted_to_map [ heart_disease <= 152.00917635] {
polygon-fill: #FEB24C;
}
#all_age_adjusted_to_map [ heart_disease <= 125.4266067] {
polygon-fill: #FED976;
}
#all_age_adjusted_to_map [ heart_disease <= 99.72705597] {
polygon-fill: #FFFFB2;
}
</style>
<style type="cartocss/text" id="homicide-css">
#all_age_adjusted_to_map{
polygon-fill: #FFFFB2;
polygon-opacity: 0.8;
line-color: #FFF;
line-width: 0.5;
line-opacity: 1;
}
#all_age_adjusted_to_map [ homicide <= 205.2941399] {
polygon-fill: #B10026;
}
#all_age_adjusted_to_map [ homicide <= 108.10009725] {
polygon-fill: #E31A1C;
}
#all_age_adjusted_to_map [ homicide <= 47.99705206] {
polygon-fill: #FC4E2A;
}
#all_age_adjusted_to_map [ homicide <= 21.89399982] {
polygon-fill: #FD8D3C;
}
#all_age_adjusted_to_map [ homicide <= 14.44185249] {
polygon-fill: #FEB24C;
}
#all_age_adjusted_to_map [ homicide <= 11.187196485] {
polygon-fill: #FED976;
}
#all_age_adjusted_to_map [ homicide <= 6.142692439] {
polygon-fill: #FFFFB2;
}
</style>
<style type="cartocss/text" id="substance_abuse-css">
#all_age_adjusted_to_map{
polygon-fill: #FFFFB2;
polygon-opacity: 0.8;
line-color: #FFF;
line-width: 0.5;
line-opacity: 1;
}
#all_age_adjusted_to_map [ substance_abuse <= 1091.811768] {
polygon-fill: #B10026;
}
#all_age_adjusted_to_map [ substance_abuse <= 310.7746916] {
polygon-fill: #E31A1C;
}
#all_age_adjusted_to_map [ substance_abuse <= 182.50583105] {
polygon-fill: #FC4E2A;
}
#all_age_adjusted_to_map [ substance_abuse <= 118.2141582] {
polygon-fill: #FD8D3C;
}
#all_age_adjusted_to_map [ substance_abuse <= 82.65152603] {
polygon-fill: #FEB24C;
}
#all_age_adjusted_to_map [ substance_abuse <= 60.342532855] {
polygon-fill: #FED976;
}
#all_age_adjusted_to_map [ substance_abuse <= 40.795597945] {
polygon-fill: #FFFFB2;
}
</style>
<style type="cartocss/text" id="base-css">
#all_age_adjusted_to_map{
polygon-fill: #FFFFB2;
polygon-opacity: 0.8;
line-color: #FFF;
line-width: 0.5;
line-opacity: 1;
}
</style>
</head>
<body>
<h2>Hospital encounters, 2012-2014</h2>
<div id="menu-container">
<form id="menus">
Select condition<br>
<label for="condition-menu">Condition:</label>
<select name="condition-menu" id="condition-menu">
<option value="diabetes">Diabetes</option>
<option value="heart_disease">Heart disease</option>
<option value="homicide">Homicide</option>
<option value="substance_abuse">Substance abuse</option>
</select><br>
</form>
</div>
<h3>Age-adjusted <span id="condition-head"></span> rate per 10,000 residents by zip code</h3>
<div id="map-container"></div>
<footer>Source: DataHaven analysis of CHIMEdata</footer>
<script type="infowindow/html" id="infowindow_template">
<div class="cartodb-popup v2">
<a href="#close" class="cartodb-popup-close-button close">x</a>
<div class="cartodb-popup-content-wrapper">
<div class="cartodb-popup-header">
</div>
<div class="cartodb-popup-content">
<h4>{{content.data.town}}, {{content.data.zip}}</h4>
<h5>{{condition}}</h5>
<p>{{rate}} per 10,000 residents</p>
</div>
</div>
<div class="cartodb-popup-tip-container"></div>
</div>
</script>
</body>
</html>
https://code.jquery.com/jquery-3.1.0.min.js
https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js