Skip to content

Instantly share code, notes, and snippets.

@P3nny

P3nny/alg2.csv

Created May 6, 2015 20:56
Show Gist options
  • Save P3nny/c54dc05d0d72148b5672 to your computer and use it in GitHub Desktop.
Save P3nny/c54dc05d0d72148b5672 to your computer and use it in GitHub Desktop.
Download ZIP
Köln ALG 2 - Time Data
Raw
alg2.csv
jahr raum zei_id zeile zahl
2005 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 116107.0
2005 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 85547.0
2005 Stadt Koeln 30 darunter Frauen 42046.0
2005 Stadt Koeln 40 darunter Auslaender/-innen 30486.0
2005 Stadt Koeln 60 Bedarfsgemeinschaften 65098.0
2005 Stadt Koeln 70 darunter Single-BG 37718.0
2005 Stadt Koeln 80 darunter Alleinerziehend 10118.0
2005 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6877.0
2005 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 10372.0
2006 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 119380.0
2006 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 87314.0
2006 Stadt Koeln 30 darunter Frauen 43601.0
2006 Stadt Koeln 40 darunter Auslaender/-innen 31548.0
2006 Stadt Koeln 60 Bedarfsgemeinschaften 63061.0
2006 Stadt Koeln 70 darunter Single-BG 33503.0
2006 Stadt Koeln 80 darunter Alleinerziehend 10369.0
2006 Stadt Koeln 90 darunter Partner-BG ohne Kinder 7221.0
2006 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 11066.0
2007 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 119220.0
2007 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 86921.0
2007 Stadt Koeln 30 darunter Frauen 43794.0
2007 Stadt Koeln 40 darunter Auslaender/-innen 31659.0
2007 Stadt Koeln 60 Bedarfsgemeinschaften 62289.0
2007 Stadt Koeln 70 darunter Single-BG 32566.0
2007 Stadt Koeln 80 darunter Alleinerziehend 10459.0
2007 Stadt Koeln 90 darunter Partner-BG ohne Kinder 7083.0
2007 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 10986.0
2008 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 113806.0
2008 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 82216.0
2008 Stadt Koeln 30 darunter Frauen 41992.0
2008 Stadt Koeln 40 darunter Auslaender/-innen 30343.0
2008 Stadt Koeln 60 Bedarfsgemeinschaften 59443.0
2008 Stadt Koeln 70 darunter Single-BG 30824.0
2008 Stadt Koeln 80 darunter Alleinerziehend 10372.0
2008 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6642.0
2008 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 10316.0
2009 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 116867.0
2009 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 84468.0
2009 Stadt Koeln 30 darunter Frauen 42559.0
2009 Stadt Koeln 40 darunter Auslaender/-innen 31486.0
2009 Stadt Koeln 60 Bedarfsgemeinschaften 61717.0
2009 Stadt Koeln 70 darunter Single-BG 32587.0
2009 Stadt Koeln 80 darunter Alleinerziehend 10527.0
2009 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6718.0
2009 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 10503.0
2010 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 115497.0
2010 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 83218.0
2010 Stadt Koeln 30 darunter Frauen 41960.0
2010 Stadt Koeln 40 darunter Auslaender/-innen 31464.0
2010 Stadt Koeln 60 Bedarfsgemeinschaften 61076.0
2010 Stadt Koeln 70 darunter Single-BG 32295.0
2010 Stadt Koeln 80 darunter Alleinerziehend 10301.0
2010 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6609.0
2010 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 10391.0
2011 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 112005.0
2011 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 80502.0
2011 Stadt Koeln 30 darunter Frauen 40746.0
2011 Stadt Koeln 40 darunter Auslaender/-innen 30441.0
2011 Stadt Koeln 60 Bedarfsgemeinschaften 59563.0
2011 Stadt Koeln 70 darunter Single-BG 31599.0
2011 Stadt Koeln 80 darunter Alleinerziehend 10230.0
2011 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6343.0
2011 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 9895.0
2012 Stadt Koeln 10 Personen in Bedarfsgemeinschaften 111351.0
2012 Stadt Koeln 20 Erwerbsfaehige Leistungsberechtigte 80270.0
2012 Stadt Koeln 30 darunter Frauen 40695.0
2012 Stadt Koeln 40 darunter Auslaender/-innen 30506.0
2012 Stadt Koeln 60 Bedarfsgemeinschaften 59610.0
2012 Stadt Koeln 70 darunter Single-BG 31940.0
2012 Stadt Koeln 80 darunter Alleinerziehend 10220.0
2012 Stadt Koeln 90 darunter Partner-BG ohne Kinder 6139.0
2012 Stadt Koeln 100 darunter Partner-BG mit Kind(ern) 9756.0
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<meta charset="utf-8">
<title>Line Chart with Multiple Lines</title>
<style type="text/css">
<style>
body {
background-color: white;
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 50px;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
}
p {
font-size: 16px;
margin: 10px 0 0 0;
font-family: Helvetica, Arial, sans-serif;
}
svg {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.x.axis path {
fill:none;
stroke:#000;
shape-rendering: crispEdges;
}
.line {
fill: none;
stroke-width: 1.5px;
}
.axis text {
font-family: sans-serif;
font-size: 11px;
}
</style>
<body>
<h1>Veedel Köln: Alg II</h1>
<p>ALG II: Source: <a href="http://www.offenedaten-koeln.de/dataset/resource/95ecfe27-83c4-4b7a-8644-a37d5f4fe010">Offene Daten Köln</a>, 2014</p>
<script src="http://d3js.org/d3.v3.js"></script>
<script type="text/javascript">
var margin = {top: 20, right: 80, bottom: 30, left: 50},
width = 900 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var parseDate = d3.time.format("%Y").parse;
var x = d3.time.scale()
.range([0,width]);
var y = d3.scale.linear()
.range([height,0]);
var color = d3.scale.category10();
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
var line = d3.svg.line()
.interpolate("basis")
.x(function(d) { return x(d.jahr); })
.y(function(d) { console.log(d); return y(d.zahl); });
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
d3.csv("alg2.csv", function(error, data) {
color.domain(d3.keys(data[0]).filter(function(key) { return key == "zeile"; }));
// first we need to corerce the data into the right formats
data = data.map( function (d) {
return {
zeile: d.zeile,
jahr: parseDate(d.jahr),
zahl: +d.zahl };
});
// then we need to nest the data on city since we want to only draw one
// line per city
data = d3.nest().key(function(d) { return d.zeile; }).entries(data);
x.domain([d3.min(data, function(d) { return d3.min(d.values, function (d) { return d.jahr; }); }),
d3.max(data, function(d) { return d3.max(d.values, function (d) { return d.jahr; }); })]);
y.domain([0, d3.max(data, function(d) { return d3.max(d.values, function (d) { return d.zahl; }); })]);
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
svg.append("g")
.attr("class", "y axis")
.call(yAxis);
var zeile = svg.selectAll(".zeile")
.data(data, function(d) { return d.key; })
.enter().append("g")
.attr("class", "zeile");
zeile.append("path")
.attr("class", "line")
.attr("d", function(d) { return line(d.values); })
.style("stroke", function(d) { return color(d.key); });
zeile.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Anzahl ALG-II Empfänger");
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment