delgadom · May 21, 2018 05:03
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <html>
 <head>
    <link rel="stylesheet" href='states.css'></link>
 </head>
 <body>
    <header>
        <div id='selectors' width='100%'></div>
    </header>
    <div width="100%">
        <svg width="760" height="500"></svg>
    </div>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="states.js"></script>
 </body>
 </html>
diff --git a/states.css b/states.css
 .axis path,
 .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
 }

 .axis text {
    font: 10px sans-serif;
 }

 text.state {
    color: black;
    font: 8px sans-serif;
 }

 text.state:hover {
    color: blue;
    font-style: bold;
 }

 text.period {
    color: black;
    font: 12px sans-serif;
 }

 div.tooltip {
    position: absolute;         
    text-align: center;         
    width: 100px;                    
    height: 48px;                   
    padding: 2px;               
    font: 10px sans-serif;      
    background: lightsteelblue; 
    border: 0px;        
    border-radius: 8px;
    pointer-events: none;           
 }
diff --git a/states.js b/states.js


 // setup

 var periods = ['1981-2010','2020-2039','2040-2059','2080-2099','2120-2139','2140-2159','2180-2199'];
 var per_vals = [[1981,2010],[2020,2039],[2040,2059],[2080,2099],[2120,2139],[2140,2159],[2180,2199]];

 var second_period = '2180-2199';


 var cat_select = d3.select('#selectors')
    .append('select')
        .attr('id', '#select_category')
        .on('change', refresh_vis);

 var scen_select = d3.select('#selectors')
    .append('select')
        .attr('id', '#select_scenario')
        .on('change', refresh_vis);

 cat_select.selectAll('option')
    .data(['I', 'II', 'III', 'IV'])
    .enter()
    .append('option')
    .text(function(d) { return 'category ' + d; })
    .attr('value', function(d) { return d; });

 scen_select.selectAll('option')
    .data(['2.6', '4.5', '6.0', '8.5'])
    .enter()
    .append('option')
    .text(function(d) { return 'RCP ' + d; })
    .attr('value', function(d) { return 'rcp' + d3.format('d')(d*10); });

 var svg = d3.select('svg'),
    margin = {top: 40, right: 40, bottom: 80, left: 40},
    width = svg.attr('width') - margin.left - margin.right,
    height = svg.attr('height') - margin.top - margin.bottom;

 var formatValue = d3.format(',.2f');

 var y = d3.scaleLog()
    .rangeRound([height, 0]);

 var g = svg.append('g')
    .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');

 var formatAxis = function(val) {
    if (val < 0.01) {
        return 'never observed';
    } else if (val < 0.1) {
        return d3.format('d')(val * 100) + ' per century';
    } else if (val < 1) {
        return d3.format('d')(val * 10) + ' per decade';
    } else {
        return d3.format('d')(val) + ' per year';
    }
 }

 var text_width = 6,
    text_height = 3;

 var transition = d3.transition()
    .duration(750)
    .ease(d3.easeLinear);

 function arrange_points_without_conflict(data, period_index, position) {

    var this_period_data = [];

    data.forEach(function(row) {
        this_period_data.push({'State': row.State, 'value': row[periods[period_index]]});
    });

    var simulation = d3.forceSimulation(this_period_data)
        .force('y', d3.forceY(function(d) { return y(d.value); }).strength(1))
        .force('x', d3.forceX(width / 4))
        .force('collide', d3.forceCollide(8))
        .stop();

    for (var i = 0; i < 120; ++i) simulation.tick();

    return this_period_data;
 }

 // Define the div for the tooltip
 var tooltip = d3.select('body').append('div')   
    .attr('class', 'tooltip')               
    .style('opacity', 0);

 var current_period;

 var hovered = 0;

 function handleMouseOver(d, i, period) {
    hovered++;

    if (period === undefined) {
        period = current_period;
    }

    d3.selectAll('.' + d[period].State)
        .attr('fill', 'blue')
        .style('font-size', '10px')
        .style('font-weight', 'bold');

    tooltip.transition()
        .delay(1000)
        .duration(200)      
        .style('opacity', .9);      

    tooltip.html('<p>' + d[period].State + '</p><p>' + formatAxis(d[period].value) + '<\p>')
        .style('left', (d3.event.pageX + 20) + 'px')     
        .style('top', (d3.event.pageY - 35) + 'px');    
  
 }

 function handleMouseOut(d, i) {
    hovered--;

    d3.selectAll('.' + d[current_period].State)
        .attr('fill', 'black')
        .style('font-size', '8px')
        .style('font-weight', 'normal');

    tooltip
        .transition()        
        .duration(500)
        .style('opacity', 0)
        .transition()
        .duration(2000)
        .on('end', function() { if (hovered === 0) { after_projection(); }});
 }

 var simulated_points_by_period = {},
    projection_data = [],
    alldata = [];

 function after_projection() {
    setTimeout(function() {
        if ((hovered === 0)) { update_projection(); };
    }, 1000);
 }

 function update_projection() {

    var prev_period;

    if (current_period === undefined) {
        current_period = 1;
        prev_period = 1;
    } else {
        prev_period = current_period;
        current_period = current_period % (periods.length - 1) + 1;
    }

    var transitions = 0;

    g.selectAll('.per2label')
        .transition()
        .duration(1000)
        .attr('dx', function(d) {
            return width / 2 + width / 2 * ((current_period - 1) / (periods.length - 1))  - 6*4.5})
        .on("start", function repeat() {
              d3.active(this)
                  .tween("text", function() {
                    var that = d3.select(this),
                        i1 = d3.interpolateNumber(per_vals[prev_period][0], per_vals[current_period][0]),
                        i2 = d3.interpolateNumber(per_vals[prev_period][1], per_vals[current_period][1]);
                    return function(t) { that.text(d3.format("d")(i1(t)) + '-' + d3.format("d")(i2(t))); };
                  });
              });

    g.selectAll('.per2text')
        .data(projection_data)
        .transition()
        .duration(1000)
        .attr('dx', function(d) {
            return width / 4 + width / 2 * ((current_period - 1) / (periods.length - 1)) + d[current_period].x; })
        .attr('dy', function(d) {
            return d[current_period].y; })
        .on('start', function() { transitions++; })
        .on('end', function(d, i) {
            if( --transitions === 0 ) {
                after_projection();
            }});
 }

 var y_axis = g.append('g')
    .attr('class', 'axis axis--y')
    .attr('transform', 'translate(' + margin.left + ',0)');

 var initailized = false;

 function start_animation(category, scenario) {

    d3.selectAll('.state').remove();
    d3.selectAll('.period').remove();

    current_period = undefined;

    simulated_points_by_period = [];
    projection_data = [];
    alldata = [];

    var fp = (
        'wetbulb_SMME_annual_region-state_Cat_'
        + category.toUpperCase()
        + '_'
        + scenario.toLowerCase()
        + '_exceedances_20yr_percentiles_pop.csv');

    d3.csv(fp, type, function(error, data) {
        if (error) throw error;


        data.forEach(function(row) {
            periods.forEach(function(per) {
                alldata.push(row[per]);
            });
        });

        y.domain(d3.extent(alldata));
        y_axis.call(d3.axisLeft(y).ticks(20, formatAxis));

        periods.forEach(function(per, i) {
            simulated_points_by_period[per] = arrange_points_without_conflict(data, i, i);
        });

        simulated_points_by_period[periods[1]].forEach(function(row, i) {
            projection_data.push([]);
            periods.forEach(function(per, j) {
                projection_data[i].push(simulated_points_by_period[per][i]);
            });
        });

        // create group1 text
        g.append('g')
            .selectAll('text')
            .data(projection_data)
            .enter()
            .append('text')
            .attr('class', function(d) { return 'state per1text' + ' ' + d[0].State; })
            .attr('dx', function(d) { return d[0].x; })
            .attr('dy', function(d) { return d[0].y; })
            .text(function(d) { return d[0].State; })
            .on('mouseover', function(d, i) { handleMouseOver(d, i, 0); })
            .on('mouseout', function(d, i) { handleMouseOut(d, i, 0); });

        g.append('text')
            .attr('class', 'period per1label')
            .attr('dx', width / 4 - 6*4.25)
            .attr('dy', height + margin.top + margin.bottom / 8)
            .text(periods[0]);

        // create group2 text
        g.append('g')
            .selectAll('text').filter('per2text')
            .data(projection_data)
            .enter()
            .append('text')
            .attr('class', function(d) { return 'state per2text' + ' ' + d[1].State; })
            .attr('dx', function(d) { return width / 4 + d[1].x; })
            .attr('dy', function(d) { return d[1].y; })
            .text(function(d) { return d[1].State; })
            .on('mouseover', function(d, i) { handleMouseOver(d, i); })
            .on('mouseout', function(d, i) { handleMouseOut(d, i); });

        g.append('g')
            .selectAll('text').filter('per2label')
            .data([periods])
            .enter()
            .append('text')
            .attr('class', 'period per2label')
            .attr('dx', width / 2 - 6*4.25)
            .attr('dy', height + margin.top + margin.bottom / 8)
            .text(function(d) { return d[1]; });

        initailized = true;

        update_projection();

    });
 }

 function refresh_vis() {
    category = cat_select.property('value');
    scenario = scen_select.property('value');
    start_animation(category, scenario);
 }

 cat_select.property('value', 'III');
 scen_select.property('value', 'rcp85');

 refresh_vis();

 function type(d) {
    periods.forEach(function(per) {
        d[per] = +d[per];

        if (d[per] == 0.0) {
            d[per] = 0.005;
        }
    });
    return d;
 }
diff --git a/thumbnail.png b/thumbnail.png
diff --git a/wetbulb_SMME_annual_region-state_Cat_I_rcp26_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_I_rcp26_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_I_rcp45_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_I_rcp45_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_I_rcp60_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_I_rcp60_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_I_rcp85_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_I_rcp85_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_II_rcp26_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_II_rcp26_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_II_rcp45_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_II_rcp45_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_II_rcp60_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_II_rcp60_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_II_rcp85_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_II_rcp85_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_III_rcp26_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_III_rcp26_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_III_rcp45_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_III_rcp45_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_III_rcp60_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_III_rcp60_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_III_rcp85_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_III_rcp85_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_IV_rcp26_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_IV_rcp26_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_IV_rcp45_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_IV_rcp45_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_IV_rcp60_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_IV_rcp60_exceedances_20yr_percentiles_pop.csv
diff --git a/wetbulb_SMME_annual_region-state_Cat_IV_rcp85_exceedances_20yr_percentiles_pop.csv b/wetbulb_SMME_annual_region-state_Cat_IV_rcp85_exceedances_20yr_percentiles_pop.csv
	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<link rel="stylesheet" href='states.css'></link>
	</head>
	<body>
	<header>
	<div id='selectors' width='100%'></div>
	</header>
	<div width="100%">
	<svg width="760" height="500"></svg>
	</div>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="states.js"></script>
	</body>
	</html>
	.axis path,
	.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
	}

	.axis text {
	font: 10px sans-serif;
	}

	text.state {
	color: black;
	font: 8px sans-serif;
	}

	text.state:hover {
	color: blue;
	font-style: bold;
	}

	text.period {
	color: black;
	font: 12px sans-serif;
	}

	div.tooltip {
	position: absolute;
	text-align: center;
	width: 100px;
	height: 48px;
	padding: 2px;
	font: 10px sans-serif;
	background: lightsteelblue;
	border: 0px;
	border-radius: 8px;
	pointer-events: none;
	}


	// setup

	var periods = ['1981-2010','2020-2039','2040-2059','2080-2099','2120-2139','2140-2159','2180-2199'];
	var per_vals = [[1981,2010],[2020,2039],[2040,2059],[2080,2099],[2120,2139],[2140,2159],[2180,2199]];

	var second_period = '2180-2199';


	var cat_select = d3.select('#selectors')
	.append('select')
	.attr('id', '#select_category')
	.on('change', refresh_vis);

	var scen_select = d3.select('#selectors')
	.append('select')
	.attr('id', '#select_scenario')
	.on('change', refresh_vis);

	cat_select.selectAll('option')
	.data(['I', 'II', 'III', 'IV'])
	.enter()
	.append('option')
	.text(function(d) { return 'category ' + d; })
	.attr('value', function(d) { return d; });

	scen_select.selectAll('option')
	.data(['2.6', '4.5', '6.0', '8.5'])
	.enter()
	.append('option')
	.text(function(d) { return 'RCP ' + d; })
	.attr('value', function(d) { return 'rcp' + d3.format('d')(d*10); });

	var svg = d3.select('svg'),
	margin = {top: 40, right: 40, bottom: 80, left: 40},
	width = svg.attr('width') - margin.left - margin.right,
	height = svg.attr('height') - margin.top - margin.bottom;

	var formatValue = d3.format(',.2f');

	var y = d3.scaleLog()
	.rangeRound([height, 0]);

	var g = svg.append('g')
	.attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');

	var formatAxis = function(val) {
	if (val < 0.01) {
	return 'never observed';
	} else if (val < 0.1) {
	return d3.format('d')(val * 100) + ' per century';
	} else if (val < 1) {
	return d3.format('d')(val * 10) + ' per decade';
	} else {
	return d3.format('d')(val) + ' per year';
	}
	}

	var text_width = 6,
	text_height = 3;

	var transition = d3.transition()
	.duration(750)
	.ease(d3.easeLinear);

	function arrange_points_without_conflict(data, period_index, position) {

	var this_period_data = [];

	data.forEach(function(row) {
	this_period_data.push({'State': row.State, 'value': row[periods[period_index]]});
	});

	var simulation = d3.forceSimulation(this_period_data)
	.force('y', d3.forceY(function(d) { return y(d.value); }).strength(1))
	.force('x', d3.forceX(width / 4))
	.force('collide', d3.forceCollide(8))
	.stop();

	for (var i = 0; i < 120; ++i) simulation.tick();

	return this_period_data;
	}

	// Define the div for the tooltip
	var tooltip = d3.select('body').append('div')
	.attr('class', 'tooltip')
	.style('opacity', 0);

	var current_period;

	var hovered = 0;

	function handleMouseOver(d, i, period) {
	hovered++;

	if (period === undefined) {
	period = current_period;
	}

	d3.selectAll('.' + d[period].State)
	.attr('fill', 'blue')
	.style('font-size', '10px')
	.style('font-weight', 'bold');

	tooltip.transition()
	.delay(1000)
	.duration(200)
	.style('opacity', .9);

	tooltip.html('<p>' + d[period].State + '</p><p>' + formatAxis(d[period].value) + '<\p>')
	.style('left', (d3.event.pageX + 20) + 'px')
	.style('top', (d3.event.pageY - 35) + 'px');

	}

	function handleMouseOut(d, i) {
	hovered--;

	d3.selectAll('.' + d[current_period].State)
	.attr('fill', 'black')
	.style('font-size', '8px')
	.style('font-weight', 'normal');

	tooltip
	.transition()
	.duration(500)
	.style('opacity', 0)
	.transition()
	.duration(2000)
	.on('end', function() { if (hovered === 0) { after_projection(); }});
	}

	var simulated_points_by_period = {},
	projection_data = [],
	alldata = [];

	function after_projection() {
	setTimeout(function() {
	if ((hovered === 0)) { update_projection(); };
	}, 1000);
	}

	function update_projection() {

	var prev_period;

	if (current_period === undefined) {
	current_period = 1;
	prev_period = 1;
	} else {
	prev_period = current_period;
	current_period = current_period % (periods.length - 1) + 1;
	}

	var transitions = 0;

	g.selectAll('.per2label')
	.transition()
	.duration(1000)
	.attr('dx', function(d) {
	return width / 2 + width / 2 * ((current_period - 1) / (periods.length - 1)) - 6*4.5})
	.on("start", function repeat() {
	d3.active(this)
	.tween("text", function() {
	var that = d3.select(this),
	i1 = d3.interpolateNumber(per_vals[prev_period][0], per_vals[current_period][0]),
	i2 = d3.interpolateNumber(per_vals[prev_period][1], per_vals[current_period][1]);
	return function(t) { that.text(d3.format("d")(i1(t)) + '-' + d3.format("d")(i2(t))); };
	});
	});

	g.selectAll('.per2text')
	.data(projection_data)
	.transition()
	.duration(1000)
	.attr('dx', function(d) {
	return width / 4 + width / 2 * ((current_period - 1) / (periods.length - 1)) + d[current_period].x; })
	.attr('dy', function(d) {
	return d[current_period].y; })
	.on('start', function() { transitions++; })
	.on('end', function(d, i) {
	if( --transitions === 0 ) {
	after_projection();
	}});
	}

	var y_axis = g.append('g')
	.attr('class', 'axis axis--y')
	.attr('transform', 'translate(' + margin.left + ',0)');

	var initailized = false;

	function start_animation(category, scenario) {

	d3.selectAll('.state').remove();
	d3.selectAll('.period').remove();

	current_period = undefined;

	simulated_points_by_period = [];
	projection_data = [];
	alldata = [];

	var fp = (
	'wetbulb_SMME_annual_region-state_Cat_'
	+ category.toUpperCase()
	+ '_'
	+ scenario.toLowerCase()
	+ '_exceedances_20yr_percentiles_pop.csv');

	d3.csv(fp, type, function(error, data) {
	if (error) throw error;


	data.forEach(function(row) {
	periods.forEach(function(per) {
	alldata.push(row[per]);
	});
	});

	y.domain(d3.extent(alldata));
	y_axis.call(d3.axisLeft(y).ticks(20, formatAxis));

	periods.forEach(function(per, i) {
	simulated_points_by_period[per] = arrange_points_without_conflict(data, i, i);
	});

	simulated_points_by_period[periods[1]].forEach(function(row, i) {
	projection_data.push([]);
	periods.forEach(function(per, j) {
	projection_data[i].push(simulated_points_by_period[per][i]);
	});
	});

	// create group1 text
	g.append('g')
	.selectAll('text')
	.data(projection_data)
	.enter()
	.append('text')
	.attr('class', function(d) { return 'state per1text' + ' ' + d[0].State; })
	.attr('dx', function(d) { return d[0].x; })
	.attr('dy', function(d) { return d[0].y; })
	.text(function(d) { return d[0].State; })
	.on('mouseover', function(d, i) { handleMouseOver(d, i, 0); })
	.on('mouseout', function(d, i) { handleMouseOut(d, i, 0); });

	g.append('text')
	.attr('class', 'period per1label')
	.attr('dx', width / 4 - 6*4.25)
	.attr('dy', height + margin.top + margin.bottom / 8)
	.text(periods[0]);

	// create group2 text
	g.append('g')
	.selectAll('text').filter('per2text')
	.data(projection_data)
	.enter()
	.append('text')
	.attr('class', function(d) { return 'state per2text' + ' ' + d[1].State; })
	.attr('dx', function(d) { return width / 4 + d[1].x; })
	.attr('dy', function(d) { return d[1].y; })
	.text(function(d) { return d[1].State; })
	.on('mouseover', function(d, i) { handleMouseOver(d, i); })
	.on('mouseout', function(d, i) { handleMouseOut(d, i); });

	g.append('g')
	.selectAll('text').filter('per2label')
	.data([periods])
	.enter()
	.append('text')
	.attr('class', 'period per2label')
	.attr('dx', width / 2 - 6*4.25)
	.attr('dy', height + margin.top + margin.bottom / 8)
	.text(function(d) { return d[1]; });

	initailized = true;

	update_projection();

	});
	}

	function refresh_vis() {
	category = cat_select.property('value');
	scenario = scen_select.property('value');
	start_animation(category, scenario);
	}

	cat_select.property('value', 'III');
	scen_select.property('value', 'rcp85');

	refresh_vis();

	function type(d) {
	periods.forEach(function(per) {
	d[per] = +d[per];

	if (d[per] == 0.0) {
	d[per] = 0.005;
	}
	});
	return d;
	}
State	1981-2010	2020-2039	2040-2059	2080-2099	2120-2139	2140-2159	2180-2199
AL	68.97	77.0	79.3	78.4	77.3	78.8	76.8
AK	0.00	0.0	0.0	0.0	0.0	0.0	0.0
AZ	5.58	9.5	11.1	10.9	10.5	10.7	10.1
AR	64.40	73.2	75.4	73.9	73.2	74.8	72.5
CA	0.53	0.9	1.0	1.0	0.9	1.0	0.9
CO	0.00	0.0	0.0	0.0	0.0	0.0	0.0
CT	30.81	42.9	44.8	45.3	44.6	43.8	41.9
DC	57.47	67.5	69.0	68.7	68.0	68.1	66.0
DE	43.92	55.6	57.0	57.2	56.2	55.8	53.7
FL	87.99	90.2	90.5	90.5	90.3	90.3	90.1
GA	52.29	62.8	65.7	65.1	63.5	64.9	62.4
HI	69.09	74.7	75.9	75.8	75.6	75.0	75.0
ID	0.00	0.0	0.0	0.0	0.0	0.0	0.0
IL	40.24	52.9	54.6	53.8	52.7	53.7	51.1
IN	34.83	48.4	50.3	49.7	48.5	49.2	46.7
IA	32.76	44.6	45.8	44.7	43.5	45.2	42.5
KS	38.80	47.7	49.5	48.2	47.3	48.8	46.4
KY	48.53	62.0	64.3	63.4	61.8	63.2	60.5
LA	86.19	88.9	89.7	88.8	89.0	89.5	88.5
ME	14.84	23.9	26.8	26.6	25.9	26.2	24.4
MD	40.62	52.9	54.6	54.7	53.7	53.4	51.2
MA	23.51	34.2	36.5	36.7	36.1	35.7	34.0
MI	18.87	29.6	31.7	31.7	31.0	30.9	29.0
MN	20.39	29.7	31.5	31.6	30.2	31.0	29.2
MS	77.58	83.5	85.0	83.9	83.5	84.6	83.1
MO	49.41	61.0	63.1	61.9	60.6	62.2	59.6
MT	0.02	0.0	0.1	0.1	0.1	0.1	0.1
NE	26.42	35.5	37.1	35.8	34.6	36.7	34.1
NV	0.27	0.7	1.0	0.9	0.8	1.0	0.8
NH	16.40	26.1	28.7	28.8	28.0	28.1	26.4
NJ	35.97	48.1	49.5	50.0	49.1	48.3	46.6
NM	0.01	0.0	0.0	0.0	0.0	0.0	0.0
NY	28.93	40.8	42.7	43.0	42.2	41.6	39.7
NC	46.99	58.2	60.3	60.2	58.7	59.4	57.1
ND	3.65	6.3	7.2	7.2	6.6	7.1	6.4
OH	27.89	41.1	42.9	42.8	41.8	41.9	39.6
OK	52.53	58.5	59.9	58.8	58.9	59.3	57.6
OR	5.27	9.6	11.8	11.2	10.7	11.3	9.9
PA	30.60	43.3	45.1	45.3	44.5	44.0	42.0
RI	19.13	28.5	30.8	30.9	30.1	29.9	28.2
SC	65.51	73.5	75.3	75.2	73.8	74.8	73.1
SD	8.57	12.9	14.0	13.7	12.8	13.8	12.6
TN	52.68	65.1	67.7	66.8	65.0	66.7	64.1
TX	67.65	69.8	70.3	69.8	70.1	70.1	69.4
UT	0.00	0.0	0.0	0.0	0.0	0.0	0.0
VT	10.96	18.7	21.6	20.9	20.4	21.1	18.9
VA	42.49	53.8	55.5	55.5	54.4	54.5	52.1
WA	2.32	5.1	7.3	6.6	6.1	6.9	5.6
WV	28.55	42.4	44.6	44.5	43.2	43.3	41.0
WI	21.79	31.9	33.4	33.6	32.5	32.9	31.0
WY	0.00	0.0	0.0	0.0	0.0	0.0	0.0