lua-graphs/uploads.html at master · syaffers/lua-graphs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Graph of the Top 50 Most Depended-on Lua Libraries</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link href="//fonts.googleapis.com/css?family=Abril Fatface&amp;subset=latin" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Average Sans&amp;subset=latin" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/styles.css">
  </head>
  <body>
    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">Lua-Graphs</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html">Top 50 <span class="sr-only">(current)</span></a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bubble Plots <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="rocks.html">All Rocks Data</a></li>
                <li><a href="downloads.html">Uploader Download Counts</a></li>
                <li class="active"><a href="uploads.html">Uploader Upload Counts</a></li>
                <li><a href="license.html">License Counts</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    <div id="page-content"><div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div id="the-graph"></div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12" id="info">
      <h1>
        Bubble Plot of Uploaded Rocks Count by Uploader
      </h1>
      <p><strong>Nodes/Bubbles:</strong></p>
      <p>Nodes/bubbles represent an uploader and the size is relative to the
        amount of rocks uploaded by the uploader. Hovering over the bubbles show
        the value of uploads made by the uploader. The color of the bubbles are
        random and does not imply grouping.
      </p>
        Data from
        <a href="http://www.luarocks.org">luarocks.org</a>.
      <p></p>
    </div>
  </div>
</div>
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="js/bubble-ups.js"></script>
</div>

    <footer class="container">
      <div class="row">
        <div class="col-xs-12 text-right">
          &#xA9; 2016, <a href="http://twitter.com/syaffers/">Syafiq Kamarul Azman</a>
        </div>
      </div>
    </footer>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  </body>
</html>