xxxxxxxxxx<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-beta.1.css" type="text/css"> <script src="https://d3js.org/d3.v4.min.js"></script> <script src="gameplay.js"></script> <script src="commerce.js"></script> <script src="spectate.js"></script> <script src="broadcast.js"></script> <script src="community.js"></script> <script src="pie.js"></script> <script src="stream.js"></script> <style> .table th, .table td { font-size: 12px; padding: 0px; } .lead { font-size: 1.00rem; } svg{ height: 100%; width: 100%; } .arc text { font: 10px sans-serif; text-anchor: middle;}.arc path { stroke: #fff;} /*HTML Horizonal Legend*/.country-name { margin: 0 !important;}.key-dot { display: inline-block; height: 10px; margin-right: .5em; width: 10px;}#legend2{ overflow:hidden;}.legend2 { float:left; margin-right: 1em;} .key-dot { display: inline-block; height: 10px; margin-right: .5em; width: 10px;}.legend { margin-right:20px;}.queens { background: #98abc5;}.kings { background: #8a89a6;}.bronx { background: #7b6888;} .axis path, .axis line { fill: none; stroke: #e9e9ea; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; fill:#e9e9ea; } </style></head><body> <div class="top"> <div class="container"> <div class="row"> <div class="col-md-6"> <h1 class="">FIFA 17</h1> </div> <div class="col-md-6 align-self-center text-right"> <p class="lead " id="current-date">Current Date</p> </div> </div> </div> </div> <div class="py-5"> <div class="container"> <div class="row"> <div class="col-md-4"> <p class="lead" id="gameplay_rank">Today's gameplay</p> <table class="table"> <thead> <tr> <th>#</th> <th>Game</th> <th>Value</th> </tr> </thead> <tbody id="gameplay"> </tbody> </table> </div> <div class="col-md-4"> <div id="device"> <p class="lead" id="pie-text">Sales by Edition</p> </div> </div> <div class="col-md-4"> <p class="lead" id="commerce_rank">5th most purchased game today</p> <table class="table"> <thead> <tr> <th>#</th> <th>Game</th> <th>Value</th> </tr> </thead> <tbody id="commerce"> </tbody> </table> </div> </div> </div> </div> <div class="py-5"> <div class="container"> <div class="row"> <div class="col-md-12" id="stream"> <p class="lead">Sales by storefront (Last 60 minutes)</p> <div class="legend2"> <p class="country-name"><span class="key-dot queens"></span>Web</p> </div> <div class="legend2"> <p class="country-name"><span class="key-dot kings"></span>PS4</p> </div> <div class="legend2"> <p class="country-name"><span class="key-dot bronx"></span>Mobile</p> </div> </div> </div> </div> </div> <div class="py-5"> <div class="container"> <div class="row"> <div class="col-md-4"> <p class="lead" id="spectate_rank">8th most spectated game today</p> <table class="table"> <thead> <tr> <th>#</th> <th>Game</th> <th>Value</th> </tr> </thead> <tbody id="spectate"> </tbody> </table> </div> <div class="col-md-4"> <p class="lead" id="broadcast_rank">21st most broadcasted game today</p> <table class="table"> <thead> <tr> <th>#</th> <th>Game</th> <th>Value</th> </tr> </thead> <tbody id="broadcast"> </tbody> </table> </div> <div class="col-md-4"> <p class="lead" id="community_rank">#,### associated communities created today</p> <table class="table"> <thead> <tr> <th>#</th> <th>Game</th> <th>Value</th> </tr> </thead> <tbody id="community"> </tbody> </table> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script></body></html> https://d3js.org/d3.v4.min.js
https://code.jquery.com/jquery-3.2.1.slim.min.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js