Demo Dashboard

<!DOCTYPE html>
<html>
<head>
  <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <style type="text/css">
  @font-face{font-family:sky;src:url('sky_medium.ttf')}
@font-face{font-family:snb;src:url('sky_medium.ttf')}
@font-face{font-family:snr;src:url('sky_medium.ttf')}
   .line{
 stroke-width:10;
 opacity:0.5;
 }

.axis path,
    .axis line {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
}
    .axis text {
        font-family: sky;
        font-size:8px;
        fill:grey;
}

.link {
  stroke: black;
  stroke-opacity: 0.5;
}

</style>
  
  
</head>
<body>

</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js