marijer · October 25, 2017 18:59
diff --git a/country_code.csv b/country_code.csv
diff --git a/data_refugee_by_origin.csv b/data_refugee_by_origin.csv
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8">
 		<title>Module 2 assignment</title>
 		<!--<script type="text/javascript" src="../d3.js"></script>-->
 		 <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> 
 		<link rel="stylesheet" type="text/css" href="main.css">
 	</head>
 	<body>
 		
 		<div class="content-wrapper">
 			<div class="intro">
 				<h1>Refugee population by country of origin</h1>
 				<div class="intro"></div>
 			</div>

 			<!-- SVG hook -->
 			<div id="main-chart-hook"></div>

 			<div id="small-multiples-hook"></div>

 			<div class='meta source'>Source: 
 				<a href="http://data.worldbank.org/indicator/SM.POP.REFG.OR/" target="_blank">Worldbank, 2015</a>
 			</div>
 		</div>

 		<div id="tooltip" class="none"></div>

 		<script type="text/javascript" src="stacked_chart.js"></script>
 	</body>
 </html>
diff --git a/main.css b/main.css
 html, body {
 	margin: 0;
 	padding: 0;
 }

 * { outline: none; }

 body {
 	font-family: Helvetiva, Arial;
 	background: #EFEFEF;
 }

 h1, h2, h3 {
 	font-family: "Helvetica Neue";
 }

 h1 {
 	margin: 0 0 .5em;
 	padding: 0;
    font-weight: 400;
 }

 .none { display: none; }

 .content-wrapper {
 	max-width: 960px;
 	min-width: 360px;
 	margin: 0 auto;
    border-left: 1px solid #D7D9E2;
    border-right: 1px solid #D7D9E2;
    padding: 20px;
 	background: #FFF;
 	min-height: 100vh;
 	height: 100%;
 }

 .intro {
 	margin-bottom: 20px;
 }

 .source {
 	font-size: .8em;
 }

 #main-chart-hook {
 	padding-bottom: 20px;
 }

 /* TOOLTIP */

 #tooltip {
    position: absolute;
    padding: 8px 20px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #CCC;
    border: 1px solid #CCC;
    pointer-events: none;
 }

 .tooltip-label {
    font-size: 1.1em;
    padding-bottom: .4em;
 }

 .tooltip-years-list {
 	margin: 0;
    padding: 0;
 }

 .tooltip-years-list li {
 	list-style: none;
 	border-bottom: 1px solid #CCC;
 	padding: 4px;
 }

 .tooltip-years-list li.active {
    background: #FFF7D7;
 }

 .tooltip-years-list .year-label {
    display: inline-block;
    padding-right: 25px;
    font-size: .8em;
 	color: #675C5C;
 }

 .tooltip-years-list .year-value {
 	font-size: .9em;
 }

 /* SVG */

 path {
 	opacity: .5;
 }

 path.hover {
 	opacity: 1;
 }

 .axis path,
 .axis line {
 	fill: none;
 	stroke: #D0CBC4;
 	shape-rendering: crispEdges;
 	pointer-events: none;
 }

 .axis text {
 	font-family: sans-serif;
 	font-size: 11px;
 }

 rect {
 	fill: #FFD974;
 	transition: fill 0.3s;
 }

 rect:hover {
 	fill: #FFC11D;
 }

 .y.axis path,
 .y.axis line {
 	opacity: 0;
 }

 text.multiples-title {
    text-transform: capitalize;
    font-weight: bold;
    font-size: .9em;
 }

 svg.continent {
 	padding-right: 20px;
 }
diff --git a/stacked_chart.js b/stacked_chart.js
 function getClientWidth() {
 	return document.getElementsByClassName("content-wrapper")[0].clientWidth;
 }
 var country_code;

 var filepath = 'data_refugee_by_origin.csv' //'data_refugee_by_origin.csv';
 var startYear = 1990;
 var endYear = 2014;
 var years = createYearsArr(startYear, endYear);

 var w = 940;
 var h = 400;

 var sw = 300;
 var sh = 200;

 var padding = { top:40, 
 			right: 0, 
 			bottom: 30, 
 			left: 40 };

 //Set up date formatting and years
 var dateFormat = d3.time.format("%Y");

 var stack = d3.layout.stack()
 				.values(function(d) {
 					return d.values;
 				})
 				.order("reverse");

 //Set up date format function (years)
 var dateFormat = d3.time.format("%Y");

 //Set up scales
 var xScale = d3.time.scale()
 					.range([ padding.left, sw - padding.right ]);

 var yScale = d3.scale.linear()
 				.range([ padding.top, sh - padding.bottom ]);

 //Configure axis generators
 var xAxis = d3.svg.axis()
 				.scale(xScale)
 				.orient("bottom")
 				.tickFormat(function(d) {
 					return dateFormat(d);
 				});

 var yAxis = d3.svg.axis()
 				.scale(yScale)
 				.orient("left")
 				.tickFormat(d3.format("s"));

 var area = d3.svg.area()
 	.x(function(d) {
 		return xScale(dateFormat.parse(d.x));
 	})
 	.y0(function(d) {
 		return yScale(d.y0);  //Updated
 	})
 	.y1(function(d) {
 		return yScale(d.y0 + d.y);  //Updated
 	});

 var colorbrewer = {YlGn:{3:["#f7fcb9","#addd8e","#31a354"],4:["#ffffcc","#c2e699","#78c679","#238443"],5:["#ffffcc","#c2e699","#78c679","#31a354","#006837"],6:["#ffffcc","#d9f0a3","#addd8e","#78c679","#31a354","#006837"],7:["#ffffcc","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#005a32"],8:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#005a32"],9:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"]},YlGnBu:{3:["#edf8b1","#7fcdbb","#2c7fb8"],4:["#ffffcc","#a1dab4","#41b6c4","#225ea8"],5:["#ffffcc","#a1dab4","#41b6c4","#2c7fb8","#253494"],6:["#ffffcc","#c7e9b4","#7fcdbb","#41b6c4","#2c7fb8","#253494"],7:["#ffffcc","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#0c2c84"],8:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#0c2c84"],9:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"]},GnBu:{3:["#e0f3db","#a8ddb5","#43a2ca"],4:["#f0f9e8","#bae4bc","#7bccc4","#2b8cbe"],5:["#f0f9e8","#bae4bc","#7bccc4","#43a2ca","#0868ac"],6:["#f0f9e8","#ccebc5","#a8ddb5","#7bccc4","#43a2ca","#0868ac"],7:["#f0f9e8","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#08589e"],8:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#08589e"],9:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"]},BuGn:{3:["#e5f5f9","#99d8c9","#2ca25f"],4:["#edf8fb","#b2e2e2","#66c2a4","#238b45"],5:["#edf8fb","#b2e2e2","#66c2a4","#2ca25f","#006d2c"],6:["#edf8fb","#ccece6","#99d8c9","#66c2a4","#2ca25f","#006d2c"],7:["#edf8fb","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#005824"],8:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#005824"],9:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"]},PuBuGn:{3:["#ece2f0","#a6bddb","#1c9099"],4:["#f6eff7","#bdc9e1","#67a9cf","#02818a"],5:["#f6eff7","#bdc9e1","#67a9cf","#1c9099","#016c59"],6:["#f6eff7","#d0d1e6","#a6bddb","#67a9cf","#1c9099","#016c59"],7:["#f6eff7","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016450"],8:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016450"],9:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"]},PuBu:{3:["#ece7f2","#a6bddb","#2b8cbe"],4:["#f1eef6","#bdc9e1","#74a9cf","#0570b0"],5:["#f1eef6","#bdc9e1","#74a9cf","#2b8cbe","#045a8d"],6:["#f1eef6","#d0d1e6","#a6bddb","#74a9cf","#2b8cbe","#045a8d"],7:["#f1eef6","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#034e7b"],8:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#034e7b"],9:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"]},BuPu:{3:["#e0ecf4","#9ebcda","#8856a7"],4:["#edf8fb","#b3cde3","#8c96c6","#88419d"],5:["#edf8fb","#b3cde3","#8c96c6","#8856a7","#810f7c"],6:["#edf8fb","#bfd3e6","#9ebcda","#8c96c6","#8856a7","#810f7c"],7:["#edf8fb","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#6e016b"],8:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#6e016b"],9:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"]},RdPu:{3:["#fde0dd","#fa9fb5","#c51b8a"],4:["#feebe2","#fbb4b9","#f768a1","#ae017e"],5:["#feebe2","#fbb4b9","#f768a1","#c51b8a","#7a0177"],6:["#feebe2","#fcc5c0","#fa9fb5","#f768a1","#c51b8a","#7a0177"],7:["#feebe2","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177"],8:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177"],9:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"]},PuRd:{3:["#e7e1ef","#c994c7","#dd1c77"],4:["#f1eef6","#d7b5d8","#df65b0","#ce1256"],5:["#f1eef6","#d7b5d8","#df65b0","#dd1c77","#980043"],6:["#f1eef6","#d4b9da","#c994c7","#df65b0","#dd1c77","#980043"],7:["#f1eef6","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#91003f"],8:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#91003f"],9:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"]},OrRd:{3:["#fee8c8","#fdbb84","#e34a33"],4:["#fef0d9","#fdcc8a","#fc8d59","#d7301f"],5:["#fef0d9","#fdcc8a","#fc8d59","#e34a33","#b30000"],6:["#fef0d9","#fdd49e","#fdbb84","#fc8d59","#e34a33","#b30000"],7:["#fef0d9","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#990000"],8:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#990000"],9:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"]},YlOrRd:{3:["#ffeda0","#feb24c","#f03b20"],4:["#ffffb2","#fecc5c","#fd8d3c","#e31a1c"],5:["#ffffb2","#fecc5c","#fd8d3c","#f03b20","#bd0026"],6:["#ffffb2","#fed976","#feb24c","#fd8d3c","#f03b20","#bd0026"],7:["#ffffb2","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#b10026"],8:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#b10026"],9:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"]},YlOrBr:{3:["#fff7bc","#fec44f","#d95f0e"],4:["#ffffd4","#fed98e","#fe9929","#cc4c02"],5:["#ffffd4","#fed98e","#fe9929","#d95f0e","#993404"],6:["#ffffd4","#fee391","#fec44f","#fe9929","#d95f0e","#993404"],7:["#ffffd4","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#8c2d04"],8:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#8c2d04"],9:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"]},Purples:{3:["#efedf5","#bcbddc","#756bb1"],4:["#f2f0f7","#cbc9e2","#9e9ac8","#6a51a3"],5:["#f2f0f7","#cbc9e2","#9e9ac8","#756bb1","#54278f"],6:["#f2f0f7","#dadaeb","#bcbddc","#9e9ac8","#756bb1","#54278f"],7:["#f2f0f7","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#4a1486"],8:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#4a1486"],9:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"]},Blues:{3:["#deebf7","#9ecae1","#3182bd"],4:["#eff3ff","#bdd7e7","#6baed6","#2171b5"],5:["#eff3ff","#bdd7e7","#6baed6","#3182bd","#08519c"],6:["#eff3ff","#c6dbef","#9ecae1","#6baed6","#3182bd","#08519c"],7:["#eff3ff","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#084594"],8:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#084594"],9:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"]},Greens:{3:["#e5f5e0","#a1d99b","#31a354"],4:["#edf8e9","#bae4b3","#74c476","#238b45"],5:["#edf8e9","#bae4b3","#74c476","#31a354","#006d2c"],6:["#edf8e9","#c7e9c0","#a1d99b","#74c476","#31a354","#006d2c"],7:["#edf8e9","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#005a32"],8:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#005a32"],9:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"]},Oranges:{3:["#fee6ce","#fdae6b","#e6550d"],4:["#feedde","#fdbe85","#fd8d3c","#d94701"],5:["#feedde","#fdbe85","#fd8d3c","#e6550d","#a63603"],6:["#feedde","#fdd0a2","#fdae6b","#fd8d3c","#e6550d","#a63603"],7:["#feedde","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#8c2d04"],8:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#8c2d04"],9:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"]},Reds:{3:["#fee0d2","#fc9272","#de2d26"],4:["#fee5d9","#fcae91","#fb6a4a","#cb181d"],5:["#fee5d9","#fcae91","#fb6a4a","#de2d26","#a50f15"],6:["#fee5d9","#fcbba1","#fc9272","#fb6a4a","#de2d26","#a50f15"],7:["#fee5d9","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#99000d"],8:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#99000d"],9:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"]},Greys:{3:["#f0f0f0","#bdbdbd","#636363"],4:["#f7f7f7","#cccccc","#969696","#525252"],5:["#f7f7f7","#cccccc","#969696","#636363","#252525"],6:["#f7f7f7","#d9d9d9","#bdbdbd","#969696","#636363","#252525"],7:["#f7f7f7","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525"],8:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525"],9:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"]},PuOr:{3:["#f1a340","#f7f7f7","#998ec3"],4:["#e66101","#fdb863","#b2abd2","#5e3c99"],5:["#e66101","#fdb863","#f7f7f7","#b2abd2","#5e3c99"],6:["#b35806","#f1a340","#fee0b6","#d8daeb","#998ec3","#542788"],7:["#b35806","#f1a340","#fee0b6","#f7f7f7","#d8daeb","#998ec3","#542788"],8:["#b35806","#e08214","#fdb863","#fee0b6","#d8daeb","#b2abd2","#8073ac","#542788"],9:["#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788"],10:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],11:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"]},BrBG:{3:["#d8b365","#f5f5f5","#5ab4ac"],4:["#a6611a","#dfc27d","#80cdc1","#018571"],5:["#a6611a","#dfc27d","#f5f5f5","#80cdc1","#018571"],6:["#8c510a","#d8b365","#f6e8c3","#c7eae5","#5ab4ac","#01665e"],7:["#8c510a","#d8b365","#f6e8c3","#f5f5f5","#c7eae5","#5ab4ac","#01665e"],8:["#8c510a","#bf812d","#dfc27d","#f6e8c3","#c7eae5","#80cdc1","#35978f","#01665e"],9:["#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e"],10:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],11:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"]},PRGn:{3:["#af8dc3","#f7f7f7","#7fbf7b"],4:["#7b3294","#c2a5cf","#a6dba0","#008837"],5:["#7b3294","#c2a5cf","#f7f7f7","#a6dba0","#008837"],6:["#762a83","#af8dc3","#e7d4e8","#d9f0d3","#7fbf7b","#1b7837"],7:["#762a83","#af8dc3","#e7d4e8","#f7f7f7","#d9f0d3","#7fbf7b","#1b7837"],8:["#762a83","#9970ab","#c2a5cf","#e7d4e8","#d9f0d3","#a6dba0","#5aae61","#1b7837"],9:["#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837"],10:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],11:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"]},PiYG:{3:["#e9a3c9","#f7f7f7","#a1d76a"],4:["#d01c8b","#f1b6da","#b8e186","#4dac26"],5:["#d01c8b","#f1b6da","#f7f7f7","#b8e186","#4dac26"],6:["#c51b7d","#e9a3c9","#fde0ef","#e6f5d0","#a1d76a","#4d9221"],7:["#c51b7d","#e9a3c9","#fde0ef","#f7f7f7","#e6f5d0","#a1d76a","#4d9221"],8:["#c51b7d","#de77ae","#f1b6da","#fde0ef","#e6f5d0","#b8e186","#7fbc41","#4d9221"],9:["#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221"],10:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],11:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"]},RdBu:{3:["#ef8a62","#f7f7f7","#67a9cf"],4:["#ca0020","#f4a582","#92c5de","#0571b0"],5:["#ca0020","#f4a582","#f7f7f7","#92c5de","#0571b0"],6:["#b2182b","#ef8a62","#fddbc7","#d1e5f0","#67a9cf","#2166ac"],7:["#b2182b","#ef8a62","#fddbc7","#f7f7f7","#d1e5f0","#67a9cf","#2166ac"],8:["#b2182b","#d6604d","#f4a582","#fddbc7","#d1e5f0","#92c5de","#4393c3","#2166ac"],9:["#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac"],10:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],11:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"]},RdGy:{3:["#ef8a62","#ffffff","#999999"],4:["#ca0020","#f4a582","#bababa","#404040"],5:["#ca0020","#f4a582","#ffffff","#bababa","#404040"],6:["#b2182b","#ef8a62","#fddbc7","#e0e0e0","#999999","#4d4d4d"],7:["#b2182b","#ef8a62","#fddbc7","#ffffff","#e0e0e0","#999999","#4d4d4d"],8:["#b2182b","#d6604d","#f4a582","#fddbc7","#e0e0e0","#bababa","#878787","#4d4d4d"],9:["#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d"],10:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],11:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"]},RdYlBu:{3:["#fc8d59","#ffffbf","#91bfdb"],4:["#d7191c","#fdae61","#abd9e9","#2c7bb6"],5:["#d7191c","#fdae61","#ffffbf","#abd9e9","#2c7bb6"],6:["#d73027","#fc8d59","#fee090","#e0f3f8","#91bfdb","#4575b4"],7:["#d73027","#fc8d59","#fee090","#ffffbf","#e0f3f8","#91bfdb","#4575b4"],8:["#d73027","#f46d43","#fdae61","#fee090","#e0f3f8","#abd9e9","#74add1","#4575b4"],9:["#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4"],10:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],11:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"]},Spectral:{3:["#fc8d59","#ffffbf","#99d594"],4:["#d7191c","#fdae61","#abdda4","#2b83ba"],5:["#d7191c","#fdae61","#ffffbf","#abdda4","#2b83ba"],6:["#d53e4f","#fc8d59","#fee08b","#e6f598","#99d594","#3288bd"],7:["#d53e4f","#fc8d59","#fee08b","#ffffbf","#e6f598","#99d594","#3288bd"],8:["#d53e4f","#f46d43","#fdae61","#fee08b","#e6f598","#abdda4","#66c2a5","#3288bd"],9:["#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd"],10:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],11:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"]},RdYlGn:{3:["#fc8d59","#ffffbf","#91cf60"],4:["#d7191c","#fdae61","#a6d96a","#1a9641"],5:["#d7191c","#fdae61","#ffffbf","#a6d96a","#1a9641"],6:["#d73027","#fc8d59","#fee08b","#d9ef8b","#91cf60","#1a9850"],7:["#d73027","#fc8d59","#fee08b","#ffffbf","#d9ef8b","#91cf60","#1a9850"],8:["#d73027","#f46d43","#fdae61","#fee08b","#d9ef8b","#a6d96a","#66bd63","#1a9850"],9:["#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850"],10:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],11:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"]},Accent:{3:["#7fc97f","#beaed4","#fdc086"],4:["#7fc97f","#beaed4","#fdc086","#ffff99"],5:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0"],6:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f"],7:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17"],8:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"]},Dark2:{3:["#1b9e77","#d95f02","#7570b3"],4:["#1b9e77","#d95f02","#7570b3","#e7298a"],5:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e"],6:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02"],7:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d"],8:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"]},Paired:{3:["#a6cee3","#1f78b4","#b2df8a"],4:["#a6cee3","#1f78b4","#b2df8a","#33a02c"],5:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99"],6:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c"],7:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f"],8:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00"],9:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6"],10:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a"],11:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99"],12:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"]},Pastel1:{3:["#fbb4ae","#b3cde3","#ccebc5"],4:["#fbb4ae","#b3cde3","#ccebc5","#decbe4"],5:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6"],6:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc"],7:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd"],8:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec"],9:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]},Pastel2:{3:["#b3e2cd","#fdcdac","#cbd5e8"],4:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4"],5:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9"],6:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae"],7:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc"],8:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"]},Set1:{3:["#e41a1c","#377eb8","#4daf4a"],4:["#e41a1c","#377eb8","#4daf4a","#984ea3"],5:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00"],6:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33"],7:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628"],8:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf"],9:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"]},Set2:{3:["#66c2a5","#fc8d62","#8da0cb"],4:["#66c2a5","#fc8d62","#8da0cb","#e78ac3"],5:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854"],6:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f"],7:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494"],8:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"]},Set3:{3:["#8dd3c7","#ffffb3","#bebada"],4:["#8dd3c7","#ffffb3","#bebada","#fb8072"],5:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3"],6:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462"],7:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69"],8:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5"],9:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9"],10:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd"],11:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5"],12:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"]}};

 var color = d3.scale.ordinal()
 			.range(colorbrewer.Spectral[8]);

 var aggregateCountries = ['ARB', 'CEB', 'CSS','ECA', 'EAP', 'EAS', 'ECS', 'EMU', 'EUU', 'FCS', 'HIC', 'HPC', 'LAC', 'LCN', 'LDC', 'LIC', 'LMC', 'LMY', 'MEA', 'MIC', 'MNA', 'NAC', 'NOC', 'OEC', 'OED', 'OSS', 'PSS', 'SAS', 'SSA', 'SSF', 'SST', 'UMC', 'WLD'];

 function initMetaData() {
 	d3.csv('country_code.csv', function(data) { 
 		country_code = data;
 		initData(filepath);
 	});
 }

 function initData(dataPath) {
 	d3.csv(dataPath, function(data) { 
 		data = data.filter(function(d) {
 				for(var i = 0; i < aggregateCountries.length; i++) {
 					if(d.Code === aggregateCountries[i]) { return false; }
 				}
 				return true;
 		});

 		var dataset = transformData(data);
 		createAreaChart('WORLD', dataset, '#main-chart-hook', {w: w, h: h});

 		createSmallMultiples(dataset);
 	});
 }

 function createSmallMultiples(dataset) {
 	var uniqueContinents = getUniqueContinents(country_code);

 	// create small multiples
 	for (var i = 0; i < uniqueContinents.length; i++) {
 		// lets skip the arctic
 		if(uniqueContinents[i] === 'ARCTIC'){ return false; }

 		var filteredData = filterData(dataset, uniqueContinents[i]);
 		createAreaChart(uniqueContinents[i], filteredData, '#small-multiples-hook', {w: sw, h: sh});
 	}
 }

 function createAreaChart(selectedContinent, dataset, svgHook, size) {

 	var totalTicksX = Math.round(size.w / 40),
 		totalTicksY = Math.round(size.h / 40);

 	xAxis.ticks(totalTicksX);
 	yAxis.ticks(totalTicksY);

 	xScale.range([ padding.left, size.w - padding.right ]);
 	yScale.range([ padding.top, size.h - padding.bottom ]);

 	var continent = d3.select(svgHook)
 		      .append("svg")
 		      .attr("class", "continent " + selectedContinent)
 		      .attr("width", size.w)
 		      .attr("height", size.h);

 	continent.append("text")
        .attr("x", (10))             
        .attr("y", padding.top/2)
        .attr("class", "multiples-title")  
        .text(selectedContinent.toLowerCase());

 	stack(dataset);

 		xScale.domain([ 
 			d3.min(years, function(d) {
 				return dateFormat.parse(d);
 			}),
 			d3.max(years, function(d) {
 				return dateFormat.parse(d);
 			})
 		]);

 		var totals = [];

 		for (i = 0; i < years.length; i++) {
 			totals[i] = 0;
 			for (j = 0; j < dataset.length; j++) {
 				totals[i] += dataset[j].values[i].y;
 			}
 		}

 		yScale.domain([ d3.max(totals), 0 ]);

 		var paths = continent.selectAll("path")
 			.data(dataset)
 			.enter()
 			.append("path")
 			.attr("class", "area")
 			.attr("d", function(d) {
 				return area(d.values);
 			})
 			.attr("stroke", "none")
 			.attr("fill", function(d, i) {
 				setColor(d.continent);
 				return color(i);
 			})
 			.on("mouseover", function(d) {

 				//Get this bar's x/y values, then augment for the tooltip
 				var xPosition = (d3.event.pageX);
 				var yPosition = (d3.event.pageY - 28);

 				var content = getTooltipContent(d);

 				d3.select(this)
                	.classed('hover', true);

 				//Update the tooltip position and value
 				d3.select("#tooltip")
 				  .style("left", xPosition + "px")
 				  .style("top", yPosition + "px")
 				  .html(content);

 				//Show the tooltip
 				d3.select("#tooltip").classed("none", false);
 			})
 			.on("mouseout", function() {
 				d3.select("#tooltip").classed("none", true);

 				d3.select(this)
                	.classed('hover', false);
 			});

 		continent.append("g")
 			.attr("class", "x axis")
 			.attr("transform", "translate(0," + (size.h - padding.bottom) + ")")
 			.call(xAxis);

 		continent.append("g")
 			.attr("class", "y axis")
 			.attr("transform", "translate(" + padding.left + ",0)")
 			.call(yAxis);
 }	

 initMetaData();


 /* helper functions - need to clean up here */

 function setColor(continent){
 	var brewer = '';
 	switch(continent) {
 		case 'ASIA':
 			brewer = colorbrewer.BrBG[8];
 			break;
 		case 'SOUTH AMERICA':
 			brewer = colorbrewer.BuPu[8];
 			break;		
 		case 'NORTH AMERICA':
 			brewer = colorbrewer.YlOrRd[8];
 			break;			
 		case 'AFRICA':
 			brewer = colorbrewer.Blues[8];
 			break;			
 		case 'EUROPE':
 			brewer = colorbrewer.Greens[8];
 			break;			
 		case 'PACIFIC':
 			brewer = colorbrewer.PiYG[8];
 			break;			
 		case 'SOUTH AMERICA':
 			brewer = colorbrewer.PuOr[8];
 			break;			
 		default:
 			brewer = colorbrewer.Spectral[8];
 	}

 	color.range(brewer);
 }

 function createYearsArr(start, end) {
 	var arr = [];
 	for (var i = start; i <= end; i++ ) {
 		arr.push(String(i));
 	}
 	return arr;
 }

 function transformData(data) {
 	var dataset = [];
 	for (var i = 0; i < data.length; i++) {

 		var continentArr = country_code.filter(function(d, index){
 			if (!d.iso3_code || !data[i]) {
 				return false;
 			}
 			return d.iso3_code === data[i].Code 
 		});

 		var continent = continentArr[0] ? continentArr[0].continent : undefined;

 		dataset[i] = {
 			country: data[i].Country,
 			values: [],
 			total: 0,
 			continent: continent
 		};

 		for (var j = 0; j < years.length; j++) {

 			//Default value, used in case no value is present
 			var amount = 0;

 			// If value is not empty
 			if (data[i][years[j]]) {
 				amount = +data[i][years[j]];
 				dataset[i].total += amount;
 			}

 			dataset[i].values.push({
 				x: years[j],
 				y: amount
 			});
 		}
 	}
 	return dataset;
 }

 function onlyUnique(value, index, self) { 
    return self.indexOf(value) === index;
 }

 function getTooltipContent(data) {
 	var html = '<div class="tooltip-label">' + data.country + '</h1>';
 	return html;
 }

 function filterData(data, continent) {
 	data = data.filter(function(d, i) {
 	    if( d.continent === continent) { 
 	    	return true; 
 	    }
 	});
 	return data;
 };

 function getUniqueContinents(data){
 	var continents = country_code.map(function(obj) { return obj.continent; });
 	var uniqueContinents = continents.filter(onlyUnique);
 	return uniqueContinents;
 }
iso2_code	iso3_code	iso3_digit_code	icao_code	name	continent
AE	ARE	784	OM	UNITED ARAB EMIRATES	ASIA
AF	AFG	004	OA	AFGHANISTAN	ASIA
AG	ATG	028	TA	ANTIGUA AND BARBUDA	SOUTH AMERICA
AI	AIA	660	TQ	ANGUILLA ISLANDS	SOUTH AMERICA
AL	ALB	008	LA	ALBANIA	EUROPE
AM	ARM	051	UD	ARMENIA	ASIA
AN	ANT	530	TN	NETHERLANDS ANTILLES	SOUTH AMERICA
AO	AGO	024	FN	ANGOLA	AFRICA
AR	ARG	032	SA	ARGENTINA	SOUTH AMERICA
AT	AUT	040	LO	AUSTRIA	EUROPE
AU	AUS	036	YB	AUSTRALIA	AUSTRALIA
AU	AUS	036	YM	AUSTRALIA	AUSTRALIA
AZ	AZE	031	UB	AZERBAIJAN	ASIA
BA	BIH	070	LQ	BOSNIA AND HERZEGOVINA	EUROPE
BB	BRB	052	TB	BARBADOS	SOUTH AMERICA
BD	BGD	050	VG	BANGLADESH	ASIA
BE	BEL	056	EB	BELGIUM	EUROPE
BF	BFA	854	DF	BURKINA FASO	AFRICA
BG	BGR	100	LB	BULGARIA	EUROPE
BH	BHR	048	OB	BAHRAIN	ASIA
BI	BDI	108	HB	BURUNDI	AFRICA
BJ	BEN	204	DB	BENIN	AFRICA
BM	BMU	060	TX	BERMUDA	SOUTH AMERICA
BN	BRN	096	WB	BRUNEI DARUSSALAM	ASIA
BO	BOL	068	SL	BOLIVIA	SOUTH AMERICA
BR	BRA	076	SB	BRASIL	SOUTH AMERICA
BR	BRA	076	SD	BRASIL	SOUTH AMERICA
BR	BRA	076	SN	BRASIL	SOUTH AMERICA
BR	BRA	076	SS	BRASIL	SOUTH AMERICA
BR	BRA	076	SW	BRASIL	SOUTH AMERICA
BS	BHS	044	MY	BAHAMAS	SOUTH AMERICA
BT	BTN	064	VQ	BHUTAN	ASIA
BW	BWA	072	FB	BOTSWANA	AFRICA
BY	BLR	112	UM	BELARUS	EUROPE
BZ	BLZ	084	MZ	BELIZE	SOUTH AMERICA
CA	CAN	124	CY	CANADA	NORTH AMERICA
CA	CAN	124	CZ	CANADA	NORTH AMERICA
CD	COD	180	FZ	DEMOCRATIC REPUBLIC OF CONGO	AFRICA
CF	CAF	140	FE	CENTRAL AFRICAN REPUBLIC	AFRICA
CG	COG	178	FC	CONGO	AFRICA
CH	CHE	756	LS	SWITZERLAND	EUROPE
CI	CIV	384	DI	IVORY COAST	AFRICA
CI	CIV	384	LX	GIBRALTAR (UK)	EUROPE
CK	COK	184	NC	COOK ISLANDS	AUSTRALIA
CL	CHL	152	SC	CHILE, EASTER ISLANDS	SOUTH AMERICA
CM	CMR	120	FK	CAMEROON	AFRICA
CN	CHN	156	ZB	CHINA	ASIA
CN	CHN	156	ZG	CHINA	ASIA
CN	CHN	156	ZH	CHINA	ASIA
CN	CHN	156	ZJ	CHINA	ASIA
CN	CHN	156	ZL	CHINA	ASIA
CN	CHN	156	ZP	CHINA	ASIA
CN	CHN	156	ZS	CHINA	ASIA
CN	CHN	156	ZU	CHINA	ASIA
CN	CHN	156	ZW	CHINA	ASIA
CN	CHN	156	ZY	CHINA	ASIA
CN	CHN	156	ZZ	TAHITI LIMA	PACIFIC
CO	COL	170	SK	COLOMBIA	SOUTH AMERICA
CR	CRI	188	MR	COSTA RICA	SOUTH AMERICA
CU	CUB	192	MU	CUBA	SOUTH AMERICA
CV	CPV	132	GV	CAPE VERDE	AFRICA
CY	CYP	196	LC	CYPRUS	EUROPE
CZ	CZE	203	LK	CZECH REPUBLIC	EUROPE
DE	DEU	276	ED	GERMANY, FEDERAL REPUBLIC OF	EUROPE
DE	DEU	276	ET	GERMANY, FEDERAL REPUBLIC OF	EUROPE
DJ	DJI	262	HD	DJIBOUTI	AFRICA
DK	DNK	208	EK	DENMARK	EUROPE
DM	DMA	212	TD	DOMINICA	SOUTH AMERICA
DO	DOM	214	MD	DOMINICAN REPUBLIC	SOUTH AMERICA
DZ	DZA	012	DA	ALGERIA	AFRICA
EC	ECU	218	SE	ECUADOR	SOUTH AMERICA
EE	EST	233	EE	ESTONIA	EUROPE
EG	EGY	818	HE	EGYPT	AFRICA
ER	ERI	232	HH	ERITREA	AFRICA
ES	ESP	724	GC	CANARY ISLANDS (SPAIN)	AFRICA
ES	ESP	724	LE	SPAIN	EUROPE
ET	ETH	231	HA	ETHIOPIA	AFRICA
FI	FIN	246	EF	FINLAND	EUROPE
FJ	FJI	242	NF	FIJI	AUSTRALIA
FK	FLK	238	SF	FALKLAND ISLANDS	SOUTH AMERICA
FM	FSM	583	PT	MICRONESIA	PACIFIC
FR	FRA	250	LF	FRANCE	EUROPE
FR	FRA	250	TF	FRENCH ANTILLES	SOUTH AMERICA
GA	GAB	266	FO	GABON	AFRICA
GB	GBR	826	EG	UNITED KINGDOM	EUROPE
GB	GBR	826	FH	ASCENSION ISLANDS	AFRICA
GD	GRD	308	TG	GRENADA	SOUTH AMERICA
GE	GEO	268	UG	GEORGIA	ASIA
GF	GUF	254	SO	FRENCH GUYANA	SOUTH AMERICA
GH	GHA	288	DG	GHANA	AFRICA
GL	GRL	304	BG	GREENLAND (DENMARK)	ARCTIC
GM	GMB	270	GB	GAMBIA	AFRICA
GN	GIN	324	GU	GUINEA, REPUBLIC OF	AFRICA
GQ	GNQ	226	FG	GUINEA EQUATORIAL	AFRICA
GR	GRC	300	LG	GREECE	EUROPE
GT	GTM	320	MG	GUATEMALA	SOUTH AMERICA
GW	GNB	624	GG	GUINEA BISSAU	AFRICA
GY	GUY	328	SY	GUYANA	SOUTH AMERICA
HK	HKG	344	VH	HONG KONG	ASIA
HN	HND	340	MH	HONDURAS	SOUTH AMERICA
HR	HRV	191	LD	CROATIA	EUROPE
HT	HTI	332	MT	HAITI	SOUTH AMERICA
HU	HUN	348	LH	HUNGARY	EUROPE
ID	IDN	360	WA	INDONESIA	ASIA
ID	IDN	360	WI	INDONESIA	ASIA
ID	IDN	360	WR	INDONESIA	ASIA
IE	IRL	372	EI	IRELAND	EUROPE
IL	ISR	376	LL	ISRAEL	ASIA
IN	IND	356	VA	INDIA	ASIA
IN	IND	356	VE	INDIA	ASIA
IN	IND	356	VI	INDIA	ASIA
IN	IND	356	VO	INDIA	ASIA
IO	IOT	086	FJ	BRITISH INDIAN OCEAN TERRITORY	AFRICA
IQ	IRQ	368	OR	IRAQ	ASIA
IR	IRN	364	OI	IRAN, ISLAMIC REPUBLIC	ASIA
IS	ISL	352	BI	ICELAND	EUROPE
IT	ITA	380	LI	ITALY	EUROPE
JM	JAM	388	MK	JAMAICA, GRANADA AND SANTA LUCIA	SOUTH AMERICA
JO	JOR	400	OJ	JORDAN	ASIA
JP	JPN	392	RJ	JAPAN	ASIA
JP	JPN	392	RO	JAPAN (RYUKYU ISLANDS)	ASIA
KE	KEN	404	HK	KENYA	AFRICA
KH	KHM	116	VD	CAMBODIA	ASIA
KI	KIR	296	NG	KIRIBATI AND TUVALU	AUSTRALIA
KI	KIR	296	PC	PHOENIX ISLANDS (UK) KIRIBATI	PACIFIC
KI	KIR	296	PL	LINE ISLANDS AND KIRIBATI	PACIFIC
KN	KNA	659	TK	ST. KITTS AND NEVIS	SOUTH AMERICA
KP	PRK	408	ZK	KOREA, DEMOCRATIC PEOPLES REPUBLIC	ASIA
KR	KOR	410	RK	KOREA, REPUBLIC OF	ASIA
KW	KWT	414	OK	KUWAIT	ASIA
KY	CYM	136	MW	CAYMAN ISLANDS	SOUTH AMERICA
KZ	KAZ	398	UA	KAZAKHSTAN	ASIA
LA	LAO	418	VL	LAOS PEOPLES DEMOCRATIC REPUBLIC	ASIA
LC	LCA	662	TL	SAINT LUCIA	SOUTH AMERICA
LK	LKA	144	VC	SRI LANKA	ASIA
LP	LBN	422	OL	LEBANON	ASIA
LR	LBR	430	GL	LIBERIA	AFRICA
LS	LSO	426	FX	LESOTHO	AFRICA
LT	LTU	440	EY	LITHUANIA	EUROPE
LU	LUX	442	EL	LUXEMBOURG	EUROPE
LV	LVA	428	EV	LATVIA	EUROPE
LY	LBY	434	HL	LIBYAN ARAB JAMAHIRIYA	AFRICA
MA	MAR	504	GM	MOROCCO	AFRICA
MD	MDA	498	LU	MOLDOVA	EUROPE
MG	MDG	450	FM	MADAGASCAR/COMOROS	AFRICA
MH	MHL	584	PK	MARSHALL ISLANDS	PACIFIC
MK	MKD	807	LW	REPUBLIC OF MACEDONIA	EUROPE
ML	MLI	466	GA	MALI	AFRICA
MM	MMR	104	VY	MYANMAR	ASIA
MN	MNG	496	ZM	MONGOLIA	ASIA
MO	MAC	446	VM	MACAU	ASIA
MR	MRT	478	GQ	MAURITANIA	AFRICA
MS	MSR	500	TR	MONTSERRAT ISLANDS	SOUTH AMERICA
MT	MLT	470	LM	MALTA	EUROPE
MU	MUS	480	FI	MAURITIUS	AFRICA
MV	MDV	462	VR	MALDIVES	ASIA
MW	MWI	454	FW	MALAWI	AFRICA
MX	MEX	484	MM	MEXICO	SOUTH AMERICA
MY	MYS	458	WM	MALAYSIA	ASIA
MZ	MOZ	508	FQ	MOZAMBIQUE	AFRICA
NA	NAM	516	FY	NAMIBIA	AFRICA
NC	NCL	540	NW	NEW CALEDONIA	AUSTRALIA
NE	NER	562	DR	NIGER	AFRICA
NG	NGA	566	DN	NIGERIA	AFRICA
NI	NIC	558	MN	NICARAGUA	SOUTH AMERICA
NL	NLD	528	EH	NETHERLANDS	EUROPE
NO	NOR	578	EN	NORWAY	EUROPE
NP	NPL	524	VN	NEPAL	ASIA
NR	NRU	520	AN	NAURU	PACIFIC
NU	NIU	570	NI	NIUE ISLANDS	AUSTRALIA
NZ	NZL	554	NZ	NEW ZEALAND	PACIFIC
OM	OMN	512	OO	OMAN	ASIA
PA	PAN	591	MP	PANAMA	SOUTH AMERICA
PE	PER	604	SP	PERU	SOUTH AMERICA
PF	PYF	258	NT	FRENCH POLYNESIA	AUSTRALIA
PG	PNG	598	AY	PAPUA NEW GUINEA	PACIFIC
PH	PHL	608	RP	PHILIPPINES	ASIA
PK	PAK	586	OP	PAKISTAN	ASIA
PL	POL	616	EP	POLAND	EUROPE
PR	PRI	630	TJ	UNITED STATES / PUERTO RICO	SOUTH AMERICA
PT	PRT	620	LP	PORTUGAL, MADEIRA AND AZORES	EUROPE
PY	PRY	600	SG	PARAGUAY	SOUTH AMERICA
QA	QAT	634	OT	QATAR	ASIA
RO	ROM	642	LR	ROMANIA	EUROPE
RS	UNK	688	BK	KOSOVO	EUROPE
RU	RUS	643	UE	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UH	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UI	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UL	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UN	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UO	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UR	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	US	CIS/RUSSIAN FEDERATION	ASIA
RU	RUS	643	UU	CIS/RUSSIAN FEDERATION	EUROPE
RU	RUS	643	UW	CIS/RUSSIAN FEDERATION	ASIA
RW	RWA	646	HR	RWANDA	AFRICA
SA	SAU	682	OE	SAUDI ARABIA	ASIA
SB	SLB	090	AG	SOLOMON ISLANDS	PACIFIC
SB	SLB	090	LY	SERBIA-MONTENEGRO	EUROPE
SC	SYC	690	FS	SEYCHELLES	AFRICA
SD	SDN	736	HS	SUDAN	AFRICA
SE	SWE	752	ES	SWEDEN	EUROPE
SG	SGP	702	WS	SINGAPORE	ASIA
SI	SVN	705	LJ	SLOVENIA	EUROPE
SK	SVK	703	LZ	SLOVAKIAN REPUBLIC	EUROPE
SL	SLE	694	GF	SIERRA LEONE	AFRICA
SN	SEN	686	GO	SENEGAL	AFRICA
SO	SOM	706	HC	SOMALIA	AFRICA
SR	SUR	740	SM	SURINAME	SOUTH AMERICA
ST	STP	678	FP	SAO TOME AND PRINCIPE	AFRICA
SV	SLV	222	MS	EL SALVADOR	SOUTH AMERICA
SY	SYR	760	OS	SYRIAN ARAB REPUBLIC	ASIA
SZ	SWZ	748	FD	SWAZILAND	AFRICA
TC	TCA	796	MB	TURKS AND CAICOS ISLANDS	SOUTH AMERICA
TD	TCD	148	FT	CHAD	AFRICA
TG	TGO	768	DX	TOGO	AFRICA
TH	THA	764	VT	THAILAND	ASIA
TL	TLS	626	WP	EAST TIMOR	ASIA
TN	TUN	788	DT	TUNISIA	AFRICA
TR	TUR	792	LT	TURKEY	EUROPE
TT	TTO	780	TT	TRINIDAD AND TOBAGO	SOUTH AMERICA
TW	TWN	158	RC	TAIWAN	ASIA
TZ	TZA	834	HT	TANZANIA, UNITED REPUBLIC OF	AFRICA
UA	UKR	804	UK	UKRAINE	EUROPE
UG	UGA	800	HU	UGANDA	AFRICA
UM	UMI	581	PJ	JOHNSTON ISLANDS (US)EXTERNAL	PACIFIC
UM	UMI	581	PM	MIDWAY ISLANDS (US)EXTERNAL	PACIFIC
UM	UMI	581	PW	WAKE ISLANDS (US)EXTERNAL	PACIFIC
US	USA	840	K1	UNITED STATES	NORTH AMERICA
US	USA	840	K2	UNITED STATES	NORTH AMERICA
US	USA	840	K3	UNITED STATES	NORTH AMERICA
US	USA	840	K4	UNITED STATES	NORTH AMERICA
US	USA	840	K5	UNITED STATES	NORTH AMERICA
US	USA	840	K6	UNITED STATES	NORTH AMERICA
US	USA	840	K7	UNITED STATES	NORTH AMERICA
US	USA	840	KZ	UNITED STATES	NORTH AMERICA
US	USA	840	PA	UNITED STATES / ALASKA	NORTH AMERICA
US	USA	840	PB	BAKER ISLANDS	PACIFIC
US	USA	840	PG	MARIANA ISLANDS	PACIFIC
US	USA	840	PH	UNITED STATES / HAWAII	PACIFIC
UY	URY	858	SU	URUGUAY	SOUTH AMERICA
UZ	UZB	860	UT	UZBEKISTAN	ASIA
VC	VCT	670	TV	ST. VINCENT AND GRENADINES	SOUTH AMERICA
VE	VEN	862	SV	VENEZUELA	SOUTH AMERICA
VG	VGB	092	TU	VIRGIN ISLANDS (UK)	SOUTH AMERICA
VI	VIR	850	TI	VIRGIN ISLANDS (US)	SOUTH AMERICA
VN	VNM	704	VV	VIETNAM	ASIA
VU	VUT	548	NV	VANUATU	AUSTRALIA
WF	WLF	876	NL	WALLIS ISLANDS AND FUTUNA	AUSTRALIA
WS	WSM	882	NS	SAMOA/AMERICAN SAMOA	AUSTRALIA
YE	YEM	887	OY	YEMEN REPUBLIC	ASIA
ZA	ZAF	710	FA	SOUTH AFRICA	AFRICA
ZM	ZMB	894	FL	ZAMBIA	AFRICA
ZW	ZWE	716	FV	ZIMBABWE	AFRICA
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Module 2 assignment</title>
	<!--<script type="text/javascript" src="../d3.js"></script>-->
	<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="main.css">
	</head>
	<body>

	<div class="content-wrapper">
	<div class="intro">
	<h1>Refugee population by country of origin</h1>
	<div class="intro"></div>
	</div>

	<!-- SVG hook -->
	<div id="main-chart-hook"></div>

	<div id="small-multiples-hook"></div>

	<div class='meta source'>Source:
	<a href="http://data.worldbank.org/indicator/SM.POP.REFG.OR/" target="_blank">Worldbank, 2015</a>
	</div>
	</div>

	<div id="tooltip" class="none"></div>

	<script type="text/javascript" src="stacked_chart.js"></script>
	</body>
	</html>
	html, body {
	margin: 0;
	padding: 0;
	}

	* { outline: none; }

	body {
	font-family: Helvetiva, Arial;
	background: #EFEFEF;
	}

	h1, h2, h3 {
	font-family: "Helvetica Neue";
	}

	h1 {
	margin: 0 0 .5em;
	padding: 0;
	font-weight: 400;
	}

	.none { display: none; }

	.content-wrapper {
	max-width: 960px;
	min-width: 360px;
	margin: 0 auto;
	border-left: 1px solid #D7D9E2;
	border-right: 1px solid #D7D9E2;
	padding: 20px;
	background: #FFF;
	min-height: 100vh;
	height: 100%;
	}

	.intro {
	margin-bottom: 20px;
	}

	.source {
	font-size: .8em;
	}

	#main-chart-hook {
	padding-bottom: 20px;
	}

	/* TOOLTIP */

	#tooltip {
	position: absolute;
	padding: 8px 20px;
	background: #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #CCC;
	border: 1px solid #CCC;
	pointer-events: none;
	}

	.tooltip-label {
	font-size: 1.1em;
	padding-bottom: .4em;
	}

	.tooltip-years-list {
	margin: 0;
	padding: 0;
	}

	.tooltip-years-list li {
	list-style: none;
	border-bottom: 1px solid #CCC;
	padding: 4px;
	}

	.tooltip-years-list li.active {
	background: #FFF7D7;
	}

	.tooltip-years-list .year-label {
	display: inline-block;
	padding-right: 25px;
	font-size: .8em;
	color: #675C5C;
	}

	.tooltip-years-list .year-value {
	font-size: .9em;
	}

	/* SVG */

	path {
	opacity: .5;
	}

	path.hover {
	opacity: 1;
	}

	.axis path,
	.axis line {
	fill: none;
	stroke: #D0CBC4;
	shape-rendering: crispEdges;
	pointer-events: none;
	}

	.axis text {
	font-family: sans-serif;
	font-size: 11px;
	}

	rect {
	fill: #FFD974;
	transition: fill 0.3s;
	}

	rect:hover {
	fill: #FFC11D;
	}

	.y.axis path,
	.y.axis line {
	opacity: 0;
	}

	text.multiples-title {
	text-transform: capitalize;
	font-weight: bold;
	font-size: .9em;
	}

	svg.continent {
	padding-right: 20px;
	}