index.html
<!DOCTYPE html>
<html>
<head>
<script src="//d3js.org/d3.v3.min.js"></script>
<style type="text/css">
rect {
fill:teal;
fill-opacity:.8;
}
</style>
</head>
<body>
<script type="text/javascript">
var margin = {top: 50, bottom: 10, left:300, right: 40};
var width = 900 - margin.left - margin.right;
var height = 900 - margin.top - margin.bottom;
var xScale = d3.scale.linear().range([0, width]);
var yScale = d3.scale.ordinal().rangeRoundBands([0, height], .8, 0);
var svg = d3.select("body").append("svg")
.attr("width", width+margin.left+margin.right)
.attr("height", height+margin.top+margin.bottom);
var g = svg.append("g")
.attr("transform", "translate("+margin.left+","+margin.top+")");
d3.tsv("unemp_states_us_nov_2013.tsv", function(data) {
var max = d3.max(data, function(d) { return d.Rate; } );
var min = 0;
xScale.domain([min, max]);
yScale.domain(data.map(function(d) { return d.State; }));
var groups = g.append("g")
.selectAll("text")
.data(data)
.enter()
.append("g");
var bars = groups
.append("rect")
.attr("width", function(d) { return xScale(d.Rate); })
.attr("height", 15 )
.attr("x", xScale(min))
.attr("y", function(d) { return yScale(d.State); })
});
</script>
</body>
</html>
unemp_states_us_nov_2013.tsv
Rank State Rate
1 NORTH DAKOTA 2.6
2 SOUTH DAKOTA 3.6
3 NEBRASKA 3.7
4 UTAH 4.3
5 HAWAII 4.4
5 IOWA 4.4
5 VERMONT 4.4
5 WYOMING 4.4
9 MINNESOTA 4.6
10 KANSAS 5.1
10 NEW HAMPSHIRE 5.1
12 MONTANA 5.2
13 OKLAHOMA 5.4
13 VIRGINIA 5.4
15 IDAHO 6.1
15 MISSOURI 6.1
15 TEXAS 6.1
15 WEST VIRGINIA 6.1
19 ALABAMA 6.2
20 LOUISIANA 6.3
20 WISCONSIN 6.3
22 FLORIDA 6.4
22 MAINE 6.4
22 MARYLAND 6.4
22 NEW MEXICO 6.4
26 ALASKA 6.5
26 COLORADO 6.5
26 DELAWARE 6.5
29 WASHINGTON 6.8
30 MASSACHUSETTS 7.1
30 SOUTH CAROLINA 7.1
32 INDIANA 7.3
32 OREGON 7.3
32 PENNSYLVANIA 7.3
35 NEW YORK 7.4
35 NORTH CAROLINA 7.4
35 OHIO 7.4
38 ARKANSAS 7.5
39 CONNECTICUT 7.6
40 GEORGIA 7.7
41 ARIZONA 7.8
41 NEW JERSEY 7.8
43 TENNESSEE 8.1
44 KENTUCKY 8.2
45 MISSISSIPPI 8.3
46 CALIFORNIA 8.5
47 DISTRICT OF COLUMBIA 8.6
48 ILLINOIS 8.7
49 MICHIGAN 8.8
50 NEVADA 9.0
50 RHODE ISLAND 9.0