summaryrefslogtreecommitdiff
path: root/index.html
blob: f8d313e96311f5d528450045445693b1af094620 (plain) (blame)
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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Manavis</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="js/dc/test/dc.css" />

<div id="body">
  <div id="side">
    <div id="date-chart" class="chart-root">
      <h3>Experience gain instances by Date <a class="reset" style="display: none;" href="javascript:mv.dateChart.filterAll();dc.redrawAll();">reset</a></h3>
    </div>
    <div id="player-chart" class="chart-root">
      <h3>Experience gain instances by Character ID <span class="help" title="Older to newer characters appear left to right, respectively.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.pcChart.filterAll();dc.redrawAll();">reset</a></h3>
    </div>
  </div>
  <div id="main">
<!--    <div id="status">
      Manavis
      TODO: Load icons et al for when new records need loading?
    </div>-->
    <div id="mask"><noscript>Javascript is required for this website.</noscript>
      <div id="loadinfo" class="fader">
        <h3>Select records to load and display</h3>
        <input type="file" id="input" name="records[]" multiple />
        <output id="list"></output>
        <div id="filesbar" class="progressbar fader">
          <div class="percent">0%</div>
        </div>
        <div id="loadbar" class="progressbar fader">
          <div class="percent">0%</div>
        </div>
      </div>
    </div>
    <div id="map-chart" class="chart-root">
      <h3>Experience gain by Map <span class="help" title="Bubble size indicates instances of experience gain for that map. X axis position indicates the sum of level experience gain for that map. Y axis position indicates the sum of job experience gain for that map.">[?]</span> <a class="reset" style="display: none;" href="#">reset</a></h3>
    </div>
  </div>
</div>

<!-- Libs -->
<script src="js/util/memoize.js"></script>
<script src="js/util/progress.js"></script>
<script src="js/d3/d3.js"></script>
<script src="js/crossfilter/crossfilter.js"></script>
<script src="js/dc/dc.js"></script>

<!-- Processing -->
<script src="js/mv.js"></script>