Interactive html Table I

forked from jonahwilliams's block: Interactive html Table I

<!DOCTYPE html>
<meta charset="utf-8">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<style>
#table-location {
	margin-left: 0;
    margin-right: auto;
    width: 70%;
}
</style>
</head>
<body>
<div id="table-location"></div>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script>
var svg = d3.select("body").append("svg")
	.attr("height", 1)
	.attr("width", 1);

var table = d3.select("#table-location")
	.append("table")
	.attr("class", "table table-condensed table-striped"),
	thead = table.append("thead"),
	tbody = table.append("tbody");

d3.tsv("VotingInformationTable.tsv", function(error, data){

// filter year
	var data = data.filter(function(d){return d.Year == '2012';});
	// Get every column value
	var columns = Object.keys(data[0])
		.filter(function(d){
			return ((d != "Year"));
		});

var rows = tbody.selectAll("tr")
		.data(data)
		.enter()
		.append("tr")
		.on("mouseover", function(d){
			d3.select(this)
				.style("background-color", "orange");
		})
		.on("mouseout", function(d){
			d3.select(this)
				.style("background-color","transparent");
		});

});

</script>
</body>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js