D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
mattykuch
Full window
Github gist
[2nd Iteration] Bar Charts, Not Linked
<!DOCTYPE html> <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