Skip to content

Instantly share code, notes, and snippets.

@eidankl

eidankl/README.md

Created November 21, 2015 21:46
Show Gist options
  • Save eidankl/ae244b54c5cf4a7473b1 to your computer and use it in GitHub Desktop.
Save eidankl/ae244b54c5cf4a7473b1 to your computer and use it in GitHub Desktop.
Download ZIP
j14Eidan
Raw
data.csv
firstName lastName age rent11 rent16 status11 status16 city11 city16 occupation11 occupation16 protestCity
דן צדוק 25 3400 4500 רווק רווק תל אביב הרצליה סטודנט מתכנת תל אביב
דני ברסלר 29 1800 4900 רווק נשוי תל אביב תל אביב מעצב מעצב תל אביב
מאיר ציון 40 5000 8000 נשוי נשוי חולון בת ים עו"ד עו"ד תל אביב
אופיר שלום 13 2000 3200 רווק רווק רמת גן ראשון לציון חייל סטודנט תל אביב
אופירה בן חיים 50 2430 3100 נשוי רווק כפר סבא כפר סבא חקלאי סטודנט ראשון לציון
דניאל בן דור 31 3000 3850 רווק נשוי ראשון לציון חולון סטודנט אחות ראשון לציון
מריים חיים 23 1000 2800 רווק רווק גבעתיים תל אביב סטודנט חייל תל אביב
ניר לוי 28 3000 7000 רווק נשוי חיפה חיפה סטודנט רופא חיפה
דור לוי 29 4000 1800 נשוי נשוי תל אביב חיפה סטודנט שוטר תל אביב
מור אור 36 2950 2900 רווק רווק חיפה כפר סבא מתכנת מתכנת חיפה
שלום שקד 39 2190 4800 רווק נשוי חיפה יבנה שוטר שוטר חיפה
שלומית לורי 8 5000 11000 רווק נשוי תל אביב תל אביב עו"ד עו"ד תל אביב
בר בנדיבה 7 1810 4700 רווק רווק תל אביב תל אביב מעצב מעצב תל אביב
דפנה כהן 26 3000 3850 רווק נשוי ראשון לציון ראשון לציון סטודנט מתכנת ראשון לציון
דפני עוז 24 2000 3100 רווק רווק גבעתיים רמת גן סטודנט סטודנט ירושליים
דן אור 36 8000 12000 רווק נשוי חיפה הרצליה סטודנט רופא חיפה
יונתן לוי 67 1200 1700 נשוי נשוי הרצליה הרצליה מורה מורה תל אביב
דרור לוי 44 5000 5400 נשוי נשוי ראשון לציון רמת גן מורה מנהל ראשון לציון
רון כהן 42 3800 6000 נשוי רווק ירושליים ירושליים רב רב ירושליים
דן צדוק 25 3400 4500 רווק רווק תל אביב הרצליה סטודנט מתכנת תל אביב
דני ברסלר 29 1800 4900 רווק נשוי תל אביב תל אביב מעצב מעצב תל אביב
מאיר ציון 40 5000 8000 נשוי נשוי חולון בת ים עו"ד עו"ד תל אביב
אופיר שלום 24 2000 3200 רווק רווק רמת גן ראשון לציון חייל סטודנט תל אביב
אופירה בן חיים 50 2430 3100 נשוי רווק כפר סבא כפר סבא חקלאי סטודנט ראשון לציון
דניאל בן דור 31 3000 3850 רווק נשוי ראשון לציון חולון סטודנט אחות ראשון לציון
מריים חיים 23 1000 2800 רווק רווק גבעתיים תל אביב סטודנט חייל תל אביב
ניר לוי 28 3000 7000 רווק נשוי חיפה חיפה סטודנט רופא חיפה
דור לוי 29 4000 1800 נשוי נשוי תל אביב חיפה סטודנט שוטר תל אביב
מור אור 36 2950 2900 רווק רווק חיפה כפר סבא מתכנת מתכנת חיפה
שלום שקד 39 2190 4800 רווק נשוי חיפה יבנה שוטר שוטר חיפה
שלומית לורי 31 5000 11000 רווק נשוי תל אביב תל אביב עו"ד עו"ד תל אביב
בר בנדיבה 27 1810 4700 רווק רווק תל אביב תל אביב מעצב מעצב תל אביב
דפנה כהן 26 3000 3850 רווק נשוי ראשון לציון ראשון לציון סטודנט מתכנת ראשון לציון
דפני עוז 24 2000 3100 רווק רווק גבעתיים רמת גן סטודנט סטודנט ירושליים
דן אור 36 8000 12000 רווק נשוי חיפה הרצליה סטודנט רופא חיפה
יונתן לוי 67 1200 1700 נשוי נשוי הרצליה הרצליה מורה מורה תל אביב
דרור לוי 44 5000 5400 נשוי נשוי ראשון לציון רמת גן מורה מנהל ראשון לציון
רון כהן 42 3800 6000 נשוי רווק ירושליים ירושליים רב רב ירושליים
דן צדוק 25 3400 4500 רווק רווק תל אביב הרצליה סטודנט מתכנת תל אביב
דני ברסלר 29 1800 4900 רווק נשוי תל אביב תל אביב מעצב מעצב תל אביב
מאיר ציון 40 5000 8000 נשוי נשוי חולון בת ים עו"ד עו"ד תל אביב
אופיר שלום 24 2000 3200 רווק רווק רמת גן ראשון לציון חייל סטודנט תל אביב
אופירה בן חיים 50 2430 3100 נשוי רווק כפר סבא כפר סבא חקלאי סטודנט ראשון לציון
דניאל בן דור 31 3000 3850 רווק נשוי ראשון לציון חולון סטודנט אחות ראשון לציון
מריים חיים 23 1000 2800 רווק רווק גבעתיים תל אביב סטודנט חייל תל אביב
ניר לוי 28 3000 7000 רווק נשוי חיפה חיפה סטודנט רופא חיפה
דור לוי 29 4000 1800 נשוי נשוי תל אביב חיפה סטודנט שוטר תל אביב
מור אור 36 2950 2900 רווק רווק חיפה כפר סבא מתכנת מתכנת חיפה
שלום שקד 39 2190 4800 רווק נשוי חיפה יבנה שוטר שוטר חיפה
שלומית לורי 31 5000 11000 רווק נשוי תל אביב תל אביב עו"ד עו"ד תל אביב
בר בנדיבה 27 1810 4700 רווק רווק תל אביב תל אביב מעצב מעצב תל אביב
דפנה כהן 26 3000 3850 רווק נשוי ראשון לציון ראשון לציון סטודנט מתכנת ראשון לציון
דפני עוז 24 2000 3100 רווק רווק גבעתיים רמת גן סטודנט סטודנט ירושליים
דן אור 36 8000 12000 רווק נשוי חיפה הרצליה סטודנט רופא חיפה
יונתן לוי 67 1200 1700 נשוי נשוי הרצליה הרצליה מורה מורה תל אביב
דרור לוי 44 5000 5400 נשוי נשוי ראשון לציון רמת גן מורה מנהל ראשון לציון
רון כהן 42 3800 6000 נשוי רווק ירושליים ירושליים רב רב ירושליים
Raw
index.html
<!doctype html>
<html>
<head>
<title></title>
<!-- fetch d3 library -->
<script src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<script>
var width = 500;
var height = 500;
var padding = 50;
//load data
d3.csv("data.csv", function(data){
//i need just the age of each person i create new array consists ages
//map is going through the array and build new one, i is refernce for each element in the array
var map = data.map(function(i){ return parseInt(i.rent11);})
//console.log(map);
//histogram
var histogram = d3.layout.histogram()
.bins(7)
(map)
//console.log(histogram);
var y = d3.scale.linear()
.domain([0, d3.max(histogram.map(function(i) {return i.length;}))])
.range([0, height]);
var x = d3.scale.linear()
.domain([0,d3.max(map) ])
.range([0, width])
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
//canvas
var canvas = d3.select("body").append("svg")
.attr("width", width)
.attr("height",height + padding)
.append("g")
.attr("transform", "translate(20,0)");
var group = canvas.append("g")
.attr("transform", "translate(0," + height + ")" )
.call(xAxis);
//bind data to the documents - create a g elemen foreach data element
var bars = canvas.selectAll(".bar")
.data(histogram)
.enter()
.append("g")
bars.append("rect")
.attr("x", function(d){return x(d.x);})//horizontal cordinate
.attr("y",function(d){return 500 - y(d.y);})
.attr("width", function(d){return x(d.dx)-2;}) //dx = range
.attr("height", function(d){return y(d.y);})
.attr("fill", "steelblue")
bars.append("text")
.attr("x", function(d){return x(d.x);})
.attr("y", function(d){return 500 - y(d.y);})
.attr("dy", "20px" )
.attr("dx", function(d){return x(d.dx)/2;})
.attr("fill", "#fff")
.attr("text-anchor" , "middle")
.text(function(d){return d.y;}) //d.y = number of elements
})
</script>
<p> x = שכירות שנת 2011</p>
<p> y = כמות מוחאים</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment