diff options
author | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-03-30 15:10:10 +1300 |
---|---|---|
committer | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-03-30 15:10:10 +1300 |
commit | 821ebabae17b6339ec79b102215b584d23be77ab (patch) | |
tree | 0342b6d9387e8c6813258fa6087c71412144993e /index.html | |
parent | ce52475d9b640fa848333ec01340d6d2244bac7b (diff) | |
download | manavis-821ebabae17b6339ec79b102215b584d23be77ab.tar.gz manavis-821ebabae17b6339ec79b102215b584d23be77ab.tar.bz2 manavis-821ebabae17b6339ec79b102215b584d23be77ab.tar.xz manavis-821ebabae17b6339ec79b102215b584d23be77ab.zip |
Rearrange layout, prototype stat charting
This is a work in progress, and will likely end up making use of custom
charts.
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 64 |
1 files changed, 59 insertions, 5 deletions
@@ -6,8 +6,59 @@ <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();">clear</a></h3> + <!-- Sketch things out. While this is technically functional and useful for prototyping, the sheer number of dimensions required will slow things to a standstill. --> + <div class="chart-root"> + <h3>Experience gain instances by Stat Allocation</h3> + <table> + <tr> + <th></th> + <th>AGI</th> + <th>VIT</th> + <th>INT</th> + <th>DEX</th> + <th>LUK</th> + <tr> + <tr> + <th>STR</th> + <td><div id="agi-str" class="blob"></div></td> + <td><div id="vit-str" class="blob"></div></td> + <td><div id="int-str" class="blob"></div></td> + <td><div id="dex-str" class="blob"></div></td> + <td><div id="luk-str" class="blob"></div></td> + </tr> + <tr> + <th>AGI</th> + <td></td> + <td><div id="vit-agi" class="blob"></div></td> + <td><div id="int-agi" class="blob"></div></td> + <td><div id="dex-agi" class="blob"></div></td> + <td><div id="luk-agi" class="blob"></div></td> + </tr> + <tr> + <th>VIT</th> + <td></td> + <td></td> + <td><div id="int-vit" class="blob"></div></td> + <td><div id="dex-vit" class="blob"></div></td> + <td><div id="luk-vit" class="blob"></div></td> + </tr> + <tr> + <th>INT</th> + <td></td> + <td></td> + <td></td> + <td><div id="dex-int" class="blob"></div></td> + <td><div id="luk-int" class="blob"></div></td> + </tr> + <tr> + <th>DEX</th> + <td></td> + <td></td> + <td></td> + <td></td> + <td><div id="luk-dex" class="blob"></div></td> + </tr> + </table> </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();">clear</a></h3> @@ -15,9 +66,6 @@ <div id="blvl-chart" class="chart-root"> <h3>Experience gain instances by Character Base Level <a class="reset" style="display: none;" href="javascript:mv.blvlChart.filterAll();dc.redrawAll();">clear</a></h3> </div> - <div id="def-chart" class="chart-root"> - <h3>Definedness of records <span class="help" title="If logs are missing between server boot and the logs provided, not all information will be available for all records. Definedness of records falls into three categories. Records with undefined data; records with well defined data, but mixed in with records having undefined data, limiting validity of inferences; and records after any uncertain times, which are fully well defined. It is highly recommended that you filter results to only include records which are in fully well defined times; however, this may not always be possible.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.defChart.filterAll();dc.redrawAll();">clear</a></h3> - </div> </div> <div id="main"> <!-- <div id="status"> @@ -37,9 +85,15 @@ </div> </div> </div> + <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();">clear</a></h3> + </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 id="def-chart" class="chart-root"> + <h3>Definedness of records <span class="help" title="If logs are missing between server boot and the logs provided, not all information will be available for all records. Definedness of records falls into three categories. Records with undefined data; records with well defined data, but mixed in with records having undefined data, limiting validity of inferences; and records after any uncertain times, which are fully well defined. It is highly recommended that you filter results to only include records which are in fully well defined times; however, this may not always be possible.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.defChart.filterAll();dc.redrawAll();">clear</a></h3> + </div> </div> </div> |