//code.jquery.com/jquery-2.1.1.min.js
//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js
//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js
//cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.js
.bar{
height:20px;
background-color:#7493C1;
float:left;
}
.bar small{
margin:2px 5px 0 0;
float:right;
font-size: 14px
}
table td > small {
float:left;
margin: 3px 0 0 6px;
font-size: 14px
}
.swing{
font-weight: bold;
}
.graphic-wrapper table .max40{
max-width: 40px !important;
}
.graphic-wrapper #counties tr.illinois{
font-weight: bold;
background-color: #CBDDED;
}
tr.illinois .bar{
background-color:#144a7c;
}
tr.illinois .bar small{ color:#fff;}
@media all and (max-width: 700px) {
.bar {display:none;}
table td > small{margin:0;}
}
The recession affected how people move in and out of counties across the country. An analysis by the Census Bureau using the most recent data shows that Will County posted the largest swing in domestic migration among U.S. counties that showed a positive migration in 2006 and a negative migration in 2014.
DOMESTIC MIGRATION BY COUNTY
For counties with a positive migration in 2006 and a negative migration in 2014
Click on a row to learn more
| County | State | Net Domestic Migration | |||
|---|---|---|---|---|---|
| 2006 | 2014 | Migration Swing | |||
Source: U.S. Census
var legalfees = (function ($) {
var pullData = function (sheet, tab) {
$.get(‘https://spreadsheets.google.com/feeds/list/’+ sheet +’/’ + tab +’/public/values?alt=json’, function(data){
console.log(data);
var templateText = _.template($(‘#template’).html()),
parsedTemplate = “”;
for(var i=0; i<data.feed.entry.length; i++) {
parsedTemplate += templateText(data.feed.entry[i]);
}
$('#target').html(parsedTemplate).change();
activateTable();
}).error(function(){
alert('There was a problem loading the data. Please refresh the page!');
});
};
function activateTable () {
var table = $('#counties').DataTable({
"paging": true,
"searching": true,
"ordering": true,
"order": [[ 4, "desc" ]],
"responsive": {
details:{
type: 'column',
target: 'tr'
}, breakpoints: [
{ name: 'phone', width: 700 }
]
}
});
}
pullData ("1QzrGm2W2kjJbwbbPLqUCvdN_s65xEb6o83Mz9SRp1wQ",1);
})(jQuery);
<tr class='
illinois
‘>
<td class='swing max40' data-order=>
<div class='bar' style='width:%’>




