<commit_before><!DOCTYPE html>
<html>
  <head>
	<title>D3 SVG Geographic Map</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="platform.js"></script>
	<script src="polymer.js"></script>
	<script src="d3.min.js"></script>
	<link rel="import" href="../src/d3-geomap.html">
	<link rel="import" href="../../sortable-table/src/sortable-table.html">
	<link rel="import" href="../../country-flag/src/country-flag.html">
	<style>
		d3-geomap { display:inline-block; float:left; margin-right: 10px; }
	</style>
  </head>
  <body unresolved>

	<h1>Major Ebola Outbreaks</h1>
	<h2>Confirmed cases and years</h2>

	<p />

	<polymer-element name="data-transform" attributes="hoverIn hoverOut selectedField selected">
		<script>
			Polymer('data-transform', {
				hoverInChanged: function(i,f){
					if(f){
						this.hoverOut = data.filter(function(row){ return row.iso == f.geography.id; });
					}else this.hoverOut = []
				/*},
				selectedFieldChanged: function(i,f){
					if(f=='species'){
						var s = {};
						data.forEach(function(row){
							if(row.species == 'Zaire'){
								s[row.iso] = '#23819C';
							}else if(row.species == 'Sudan'){
								s[row.iso] = '#06DCFB';
							}else if(row.species == 'Bundibugyo'){
								s[row.iso] = '#01F33E';
							}else if(row.species == 'Taï Forest'){
								s[row.iso] = '#B6BA18';
							}
						});
						console.log(s);
						this.selected = s;
					}else if(i=='species'){
						this.selected = data.map(function(x){ return x.iso; });
					}*/
				}
			})
		</script>
	</polymer-element>

	<template id="example" bind> 
		<d3-geomap style="width:600px;height:630px;" projection="{{projection}}" theme="{{theme}}" selected="{{selected}}" hover="{{hover}}" data="{{mapData}}" hoverTemplate="{{hoverTemplate}}"></d3-geomap>
		<sortable-table columns="{{columns}}" data="{{data}}" page="{{page}}" pageSize="15" footerTemplate="pagingFooter" sortColumn="{{selectedField}}" sortDescending="true" selected="{{tableSelected}}" multiSelect></sortable-table>
		<data-transform hoverIn="{{hover}}" hoverOut="{{tableSelected}}" selectedField="{{selectedField}}" selected="{{selected}}"></data-transform>
	</template>
	
	<template id="alignLeft">
		<td style="text-align:left">
			{{value}}
		</td>
	</template>
	<template id="country">
		<td style="text-align:left">
			<country-flag iso="{{row.iso}}"></country-flag>{{value}}<commit_msg>fix rename of flag-icons in ebola example<commit_after><!DOCTYPE html>
<html>
  <head>
	<title>D3 SVG Geographic Map</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="platform.js"></script>
	<script src="polymer.js"></script>
	<script src="d3.min.js"></script>
	<link rel="import" href="../src/d3-geomap.html">
	<link rel="import" href="../../sortable-table/src/sortable-table.html">
	<link rel="import" href="../../flag-icon/src/flag-icon.html">
	<style>
		d3-geomap { display:inline-block; float:left; margin-right: 10px; }
	</style>
  </head>
  <body unresolved>

	<h1>Major Ebola Outbreaks</h1>
	<h2>Confirmed cases and years</h2>

	<p />

	<polymer-element name="data-transform" attributes="hoverIn hoverOut selectedField selected">
		<script>
			Polymer('data-transform', {
				hoverInChanged: function(i,f){
					if(f){
						this.hoverOut = data.filter(function(row){ return row.iso == f.geography.id; });
					}else this.hoverOut = []
				/*},
				selectedFieldChanged: function(i,f){
					if(f=='species'){
						var s = {};
						data.forEach(function(row){
							if(row.species == 'Zaire'){
								s[row.iso] = '#23819C';
							}else if(row.species == 'Sudan'){
								s[row.iso] = '#06DCFB';
							}else if(row.species == 'Bundibugyo'){
								s[row.iso] = '#01F33E';
							}else if(row.species == 'Taï Forest'){
								s[row.iso] = '#B6BA18';
							}
						});
						console.log(s);
						this.selected = s;
					}else if(i=='species'){
						this.selected = data.map(function(x){ return x.iso; });
					}*/
				}
			})
		</script>
	</polymer-element>

	<template id="example" bind> 
		<d3-geomap style="width:600px;height:630px;" projection="{{projection}}" theme="{{theme}}" selected="{{selected}}" hover="{{hover}}" data="{{mapData}}" hoverTemplate="{{hoverTemplate}}"></d3-geomap>
		<sortable-table columns="{{columns}}" data="{{data}}" page="{{page}}" pageSize="15" footerTemplate="pagingFooter" sortColumn="{{selectedField}}" sortDescending="true" selected="{{tableSelected}}" multiSelect></sortable-table>
		<data-transform hoverIn="{{hover}}" hoverOut="{{tableSelected}}" selectedField="{{selectedField}}" selected="{{selected}}"></data-transform>
	</template>
	
	<template id="alignLeft">
		<td style="text-align:left">
			{{value}}
		</td>
	</template>
	<template id="country">
		<td style="text-align:left">
			<flag-icon iso="{{row.iso}}"></flag-icon>{{value}}
{'fraction_non_alphanumeric': 0.21836572788575961, 'fraction_numerical': 0.01507338357794526, 'mean_word_length': 4.145918367346939, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7205844', 'n_tokens_mistral': 2112, 'n_tokens_neox': 1739, 'n_words': 295}