xxxxxxxxxx
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Is there value for money in sending your child to a top performing O'level school in Uganda?</title>
<!-- CSS libraries -->
<!-- Custom CSS styles -->
<link href="style.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div class="container">
<h2> Is there value for money in sending your child to a top performing O'level school in Uganda?</h2>
<h4> By comparing how much the top 100 schools charge for fees <span style="color: Green">(left chart)</span>, and how many UCE candidates achieved a Divsion I <span style="color: SteelBlue">(right chart)</span>; we try to find out.</h4>
<div id="initial">
<strong></strong>
</div>
<div id="barchart"> <!-- barchart container -->
<p><strong><u>Percentage of UCE candidates passing in Division I (15 year-average)</u></strong></p>
</div>
<div id="barchart2"> <!-- barchart2 container -->
<p><strong><u>Senior One School fees, 2017 (in UGX)</u></strong></p>
</div>
</div>
<div id="footer">
<strong>Data sources</strong> : Data from New Vision Newspaper: 24th January 2017, Article by Conan Busingye
</div>
<!-- Tooltip div -->
<div id="tooltip">
<p class="name"></p>
<p class="value"></p>
</div>
<!-- Tooltip2 div -->
<div id="tooltip2">
<p class="name"></p>
<p class="value"></p>
</div>
<!-- JS Libraries -->
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!-- Custom JS code -->
<script src="barchart.js"></script>
<script src="barchart2.js"></script>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js