<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="autocomplete.css">
<title>Risk Bar Chart</title>
<script src="d3.v4.min.js"></script>
<script src="jquery.js"></script>
<script src="jquery.autocomplete.js"></script>
<div class="loader"></div>
<div class="container" id="container">
<div class="titleWrapper" id="titleWrapper">
<div class="titleLeft" id="titleLeft">
<h1 class="title main" id="titlemain">Statistical Risk Assessments</h1>
<i>Created by </i><b>Drew Leonard & Billy McGrath</b><br>
Data last updated Jul. 26, 2017
<div class="titleRight" id="titleRight">
<input type=search class="searchBar" id="searchBar" autocomplete="off">
<div class="searchButton" id="searchButton">SEARCH</div>
<div id='buttonContainer' class='buttonContainer'>
<div id="sliderTtipContainer" class="sliderTtipContainer">
<div id="sliderTtip" class="sliderTtip"></div>
<div id="buttonTextContainer" class="buttonTextContainer">
<h1 id="buttonText" class="buttonText">Select variables:</h1>
<div id="buttonButtonContainer" class="buttonButtonContainer">
<div class="button current" data-val="all">All</div>
<div class="button" data-val="badRegime">Bad Regime</div>
<div class="button" data-val="eliteThreat">Elite Threat</div>
<div class="button" data-val="randomForest" style="margin-right:0">Random Forest</div>
<div class="sliderContainer" id="sliderContainer">
<h1 id="sliderText" class="sliderText">Adjust countries selected:</h1>
<div id="sliderWrapper" class="sliderWrapper"></div>
<h2 id="resizeSliderText" class="sliderText">Adjust chart sizes:</h2>
<div id="resizeSliderWrapper" class="sliderWrapper"></div>
<div class="headerWrapper" id="headerWrapper">
<div class="headerOneWrapper" id="headerOneWrapper">
<div class="headerTwoWrapper" id="headerTwoWrapper">
<div class="chartWrapper" id="chartWrapper">
<div class="chartOne" id="chartOne"></div>
<div class="chartTwo" id="chartTwo"></div>
<script src="main.js"></script>