Skip to content

Instantly share code, notes, and snippets.

@mattpetters

mattpetters/_.md

Last active November 8, 2015 15:19
Show Gist options
  • Save mattpetters/7604ebdc163da7d041f2 to your computer and use it in GitHub Desktop.
Save mattpetters/7604ebdc163da7d041f2 to your computer and use it in GitHub Desktop.
Download ZIP
povrates
Raw
_.md
Raw
config.json
{"description":"povrates","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"povrates.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/xk4GjzG.png"}
Raw
inlet.js
var svg = d3.select("svg");
var data = tributary.povrates.minimumWage;
console.log(data);
var margin = {top: 40, right: 40, bottom: 40, left:40},
width = 600,
cHeight = 500;
var maxRate = d3.max(data, function(d) { return d.adjusted_2015 } );
var minRate = d3.min(data, function(d) { return d.adjusted_2015});
var xScale = d3.time.scale()
.domain([new Date(data[0].year), d3.time.year.offset(new Date(data[data.length - 1].year), 1)])
.rangeRound([0, width - margin.left - margin.right]);
var yScale = d3.scale.linear()
.domain([minRate,maxRate])
.range([cHeight, 0]);
var xAxis = d3.svg.axis()
.scale(xScale)
.orient('bottom')
.ticks(d3.time.years, 5)
.tickFormat(d3.time.format('%Y'))
.tickSize(1.04)
.tickPadding(11);
var yAxis = d3.svg.axis()
.scale(yScale)
.orient('left')
.ticks(6)
.tickSize(1)
.tickPadding(1)
var g = svg.append("g").attr("transform", "translate(76, 29)");
var circles = g.selectAll(".minWage").data(data);
circles.enter()
.append("circle")
.attr({
cx:function(d,i){return 0},
cy:function(d,i){return yScale(d.adjusted_2015)},
r: 1,
fill:'#35b025'
}).transition().delay(50).duration(1000).attr({
cx:function(d,i){return 20 * i},
cy:function(d,i){return yScale(d.adjusted_2015)},
r: 9,
fill:'#c4d22c'
});
svg.append('g')
.attr('class', 'x axis')
.attr('transform', 'translate(80, ' + (cHeight + 50) + ')')
.call(xAxis);
svg.append('g')
.attr('class','y axis')
.attr('transform','translate(62, 34)')
.call(yAxis)
svg.append("text")
.attr("class", "x label")
.attr("text-anchor", "end")
.attr("x", width - width/3.52)
.attr("y", cHeight + cHeight/5)
.text("minimum wage (us dollars/time)");
svg.append("text")
.attr("class", "y label")
.attr("text-anchor", "end")
.attr("y", 8)
.attr("x", -cHeight/2)
.attr("dy", ".81em")
.attr("transform", "rotate(-90)")
.text("");
$('svg circle').tipsy({
gravity: 'w',
html: true,
title: function() {
var d = this.__data__;
return d.adjusted_2015 + '';
}
});
/*
var svg = d3.select("#povertyChart");
var data = tributary.povrates.povertyRates;
console.log(data);
var margin = {top: 40, right: 40, bottom: 40, left:40},
width = 600,
cHeight = 500;
var maxRate = d3.max(data, function(d) { return d.rate } );
var xScale = d3.time.scale()
.domain([new Date(data[0].year), d3.time.year.offset(new Date(data[data.length - 1].year), 1)])
.rangeRound([0, width - margin.left - margin.right]);
var yScale = d3.scale.linear()
.domain([11, maxRate])
.range([cHeight, 0]);
var xAxis = d3.svg.axis()
.scale(xScale)
.orient('bottom')
.ticks(d3.time.years, 5)
.tickFormat(d3.time.format('%Y'))
.tickSize(1.04)
.tickPadding(11);
var yAxis = d3.svg.axis()
.scale(yScale)
.orient('left')
.ticks(6)
.tickSize(1)
.tickPadding(1)
var g = svg.append("g").attr("transform", "translate(95, 50)");
var circles = g.selectAll(".poverty").data(data);
circles.enter()
.append("circle")
.attr({
cx:function(d,i){return 0},
cy:function(d,i){return yScale(d.rate)},
r: 1,
fill:'#35b025'
}).transition().delay(50).duration(1000).attr({
cx:function(d,i){return 20 * i},
cy:function(d,i){return yScale(d.rate)},
r: 3,
fill:'#25B0B0'
});
svg.append('g')
.attr('class', 'x axis')
.attr('transform', 'translate(80, ' + (cHeight + 50) + ')')
.call(xAxis);
// svg.append('g')
// .attr('class','y axis')
// .attr('transform','translate(62, 34)')
// .call(yAxis)
svg.append("text")
.attr("class", "x label")
.attr("text-anchor", "end")
.attr("x", width - width/3.52)
.attr("y", cHeight + cHeight/5)
.text("poverty rate (years) and minimum wage (real dollars) [1980-2003]");
// svg.append("text")
// .attr("class", "y label")
// .attr("text-anchor", "end")
// .attr("y", 8)
// .attr("x", -cHeight/2)
// .attr("dy", ".81em")
// .attr("transform", "rotate(-90)")
// .text("population in poverty (%)");
$('svg circle').tipsy({
gravity: 'w',
html: true,
title: function() {
var d = this.__data__;
return d.rate + '%';
}
});
var dataMinWage = tributary.povrates.minimumWage;
console.log(dataMinWage);
var margin = {top: 40, right: 40, bottom: 40, left:40},
width = 600,
cHeight = 500;
var maxRate = d3.max(data, function(d) { return d.adjusted_2015 } );
var minRate = d3.min(data, function(d) { return d.adjusted_2015});
var xScale = d3.time.scale()
.domain([new Date(dataMinWage[0].year), d3.time.year.offset(new Date(dataMinWage[dataMinWage.length - 1].year), 1)])
.rangeRound([0, width - margin.left - margin.right]);
var yScale = d3.scale.linear()
.domain([minRate,maxRate])
.range([cHeight, 0]);
var xAxis = d3.svg.axis()
.scale(xScale)
.orient('bottom')
.ticks(d3.time.years, 5)
.tickFormat(d3.time.format('%Y'))
.tickSize(1.04)
.tickPadding(11);
var yAxis = d3.svg.axis()
.scale(yScale)
.orient('left')
.ticks(6)
.tickSize(1)
.tickPadding(1)
var gMinWage = svg.append("g").attr("transform", "translate(76, 29)");
var circles = gMinWage.selectAll(".minWage").data(dataMinWage);
circles.enter()
.append("circle")
.attr({
cx:function(d,i){return 0},
cy:function(d,i){return yScale(d.adjusted_2015)},
r: 1,
fill:'#35b025'
}).transition().delay(50).duration(1000).attr({
cx:function(d,i){return 20 * i},
cy:function(d,i){return yScale(d.adjusted_2015)},
r: 3,
fill:'#c4d22c'
});
svg.append('g')
.attr('class', 'x axis')
.attr('transform', 'translate(80, ' + (cHeight + 50) + ')')
.call(xAxis);
// svg.append('g')
// .attr('class','y axis')
// .attr('transform','translate(62, 34)')
// .call(yAxis)
// svg.append("text")
// .attr("class", "x label")
// .attr("text-anchor", "end")
// .attr("x", width - width/3.52)
// .attr("y", cHeight + cHeight/5)
// .text("minimum wage (adjusted us dollars for 2015/time) [1980-2003]");
// svg.append("text")
// .attr("class", "y label")
// .attr("text-anchor", "end")
// .attr("y", 8)
// .attr("x", -cHeight/2)
// .attr("dy", ".81em")
// .attr("transform", "rotate(-90)")
// .text("");
$('svg circle').tipsy({
gravity: 'w',
html: true,
title: function() {
var d = this.__data__;
return '$' + d.adjusted_2015;
}
});
});
*/
Raw
povrates.json
{
"povertyRates":[
{"year":"1980","rate":"13"},
{"year":"1981", "rate":"14"},
{"year":"1982", "rate":"15"},
{"year":"1983", "rate":"15.2"},
{"year":"1984", "rate":"14.4"},
{"year":"1985", "rate":"14"},
{"year":"1986", "rate":"13.6"},
{"year":"1987", "rate":"13.4"},
{"year":"1988", "rate":"13"},
{"year":"1989", "rate":"12.8"},
{"year":"1990", "rate":"13.5"},
{"year":"1991", "rate":"14.2"},
{"year":"1992", "rate":"14.8"},
{"year":"1993", "rate":"15.1"},
{"year":"1994", "rate":"14.5"},
{"year":"1995", "rate":"13.8"},
{"year":"1996", "rate":"13.7"},
{"year":"1997", "rate":"13.3"},
{"year":"1998", "rate":"12.7"},
{"year":"1999", "rate":"11.9"},
{"year":"2000", "rate":"11.3"},
{"year":"2001", "rate":"11.7"},
{"year":"2002", "rate":"12.1"},
{"year":"2003", "rate":"12.5"}
],
"minimumWage":[
{"year":"1980", "adjusted_2015":"8.80", "nominal":"3.10"},
{"year":"1981", "adjusted_2015":"8.62", "nominal":"3.35"},
{"year":"1982", "adjusted_2015":"8.13", "nominal":"3.35"},
{"year":"1983", "adjusted_2015":"7.89", "nominal":"3.35"},
{"year":"1984", "adjusted_2015":"7.63", "nominal":"3.35"},
{"year":"1985", "adjusted_2015":"7.3736", "nominal":"3.35"},
{"year":"1986", "adjusted_2015":"7.26", "nominal":"3.35"},
{"year":"1987", "adjusted_2015":"7.01","nominal":"3.35"},
{"year":"1988", "adjusted_2015":"6.79", "nominal":"3.35"},
{"year":"1989", "adjusted_2015":"6.43", "nominal":"3.35"},
{"year":"1990", "adjusted_2015":"6.93", "nominal":"3.80"},
{"year":"1991", "adjusted_2015":"7.45", "nominal":"4.25"},
{"year":"1992", "adjusted_2015":"7.24", "nominal":"4.25"},
{"year":"1993", "adjusted_2015":"7.04", "nominal":"4.25"},
{"year":"1994", "adjusted_2015":"6.86", "nominal":"4.25"},
{"year":"1995", "adjusted_2015":"6.68", "nominal":"4.25"},
{"year":"1996", "adjusted_2015":"7.25", "nominal":"4.75"},
{"year":"1997", "adjusted_2015":"7.69", "nominal":"5.15"},
{"year":"1998", "adjusted_2015":"7.59", "nominal":"5.15"},
{"year":"1999", "adjusted_2015":"7.43", "nominal":"5.15"},
{"year":"2000", "adjusted_2015":"7.18", "nominal":"5.15"},
{"year":"2001", "adjusted_2015":"6.99", "nominal":"5.15"},
{"year":"2002", "adjusted_2015":"6.88", "nominal":"5.15"},
{"year":"2003", "adjusted_2015":"6.74", "nominal":"5.15"}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment