Add a sparkline/bar display for score history.

[remoteglot] / www / index.html

diff --git a/www/index.html b/www/index.html
index 19da00c73d8995ed05913bff451de1316d6be5ba..8f991bb3fe0d68b84e7d42458f3eb0e72245f445 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -24,8 +24,13 @@
   </div>
 </div>
 <div id="analysis">
-  <p id="score">Score:</p>
-  <p><strong>PV:</strong> <span id="pv"></span></p>
+  <div id="scorecontainer">
+    <span id="score">Score:</span>
+    <div id="scoresparkcontainer">
+      <span id="scorespark"></span>
+    </div>
+  </div>
+  <p id="pvcontainer"><strong>PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
   <h3>History and potential moves (multi-PV)</h3>
   <p id="sortbyscoreholder">
@@ -77,6 +82,7 @@
 <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
 <script type="text/javascript" src="js/chess.min.js"></script>
 <script type="text/javascript" src="js/json_delta.js"></script>
+<script type="text/javascript" src="js/jquery.sparkline.js"></script>
 <script type="text/javascript" src="js/remoteglot.js"></script>
 <!--
 -->