GithubVisualization/index.html at master · samratambadekar/GithubVisualization · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html >
<head>
  <meta charset="UTF-8">
  <title>Github Visualization</title>

  <link rel="stylesheet" href="css/colorbrewer.css" />
  <link rel="stylesheet" href="css/bootstrap.css"/>
  <link rel="stylesheet" href="css/bootstrap-responsive.css"/>
  <link rel="stylesheet" href="css/bootswatch.min.css"/>
  <link rel="stylesheet" href="css/colorbox.css" />
  <link rel="stylesheet" href="css/gitvis.css" />

  <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/d3/3.3.11/d3.min.js'></script>
  <script type="text/javascript" src='js/colorbrewer.js'></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript" src="js/moment.min.js"></script>
  <script type="text/javascript" src='js/jquery.colorbox.js'></script>
  <script type="text/javascript" src='js/gitvis.js'></script>
</head>
<body onload="init()">
  <div class="container">
    <div class='row'>
        <div class="navbar navbar-fixed-top">
      <div class="navbar-inner" >
        <a class="brand" href="#" style="margin-left:10px">Github Visualization</a>

        <ul class="nav" style="margin-top:5px">
          <li><button type="button" onclick="homeClicked()" class="btn btn-small">Home</button></li>
          <a href="http://github.com/balanced" class='btn' target='_blank'><i class="icon-share"></i></a>
        </ul>

          <div id='firstClickButtonDiv'>
            <div class='createFirstButtons'></div>
          </div>

          <div id='secondClickButtonDiv'>
            <div id='createSecondButtons'></div>
          </div>

        <ul class='nav pull-right'>
          <li><label class="control-label" for="selectbasic" style='margin-right: 10px; margin-top:5px;'>Main Variable : </label></li>
          <li><form style="margin-bottom: 0px">
              <div class="controls">
                <select id="selectbasic" name="selectbasic" class="input-small mode-radio" style="margin-top: 3px;">
                  <option value="commits" selected="selected">Commits</option>
                  <option value="total">Total</option>
                  <option value="additions">Additions</option>
                  <option value="deletions">Deletions</option>
                </select>
            </div>
          </form></li>
          <li><label class="control-label" for="selectcolor" style='margin-left: 10px; margin-right: 10px; margin-top:5px;'>Tree Color : </label></li>
          <li><form style="margin-bottom: 0px; margin-right:15px">
              <div class="controls">
                <select id="selectcolor" name="selectcolor" class="input-small size-radio" style="margin-top: 3px;">
                  <option value="commits" selected="selected">Commits</option>
                  <option value="total">Total</option>
                  <option value="additions">Additions</option>
                  <option value="deletions">Deletions</option>
                </select>
            </div>
          </form></li>
          <a href="help.html" class='btn infoButton'><i class="icon-info-sign"></i></a>
        </ul>
      </div>
      </div>
    </div>

    <div class='row top-buffer-2'>
      <div class='span12' style='text-align:center'>
          <legend><h3>Github Visualization : <a href='http://www.balancedpayments.com/' target='_blank'><img src="img/balanced.png" alt="Smiley face" width="40" height="40"> Balanced</a></h3></legend>
      </div>
    </div>

     <div class='row'>
        <div class='span2 offset1'>
          <h3>Time Line</h3>
        </div>
        <div class='span7'></div>
        <div class='span2' id='time-line-legend'></div>
     </div>
     <div class='row'>
        <div class='span12'>
          <div id="timeline-div"></div>
          <!-- <div class="control-group"></div> -->
        </div>
     </div>
     <div class='row' style='margin-top:10px'>
        <div class='span12'>
          <div id="timeline-brush-div"></div>
        </div>
     </div>

     <div class='row'><hr></div>
     <div class='row' style='text-align:center;'>
        <div class='span5'><h3>Repository Tree Map</h3></div>
        <div class='span1'></div>
        <div class='span5'><h3>User Tree Map</h3></div>
     </div>
     <div class='row'>
        <div class='span5'>
            <div id="treemap-repo-div"></div>
        </div>
        <div class='span1'></div>
        <div class='span5'>
            <div id="treemap-user-div"></div>
        </div>
     </div>

    <div class='row top-buffer'><hr></div>

    <div class='row'>
        <div class='span8 offset2' style='text-align:center;'>
          <h3>Heat Map</h3>
        </div>
    </div>
    <div class='row'>
      <div class='span8 offset2'>
          <div id="heatmap-div"></div>
      </div>
    </div>

    <div class='row'><hr></div>
  </div>
</body>
</html>