less laggy
This commit is contained in:
parent
597b276825
commit
a9705e7ab1
3 changed files with 664 additions and 150 deletions
29
index.html
29
index.html
|
|
@ -94,7 +94,34 @@
|
|||
<h2>State lifespans</h2>
|
||||
<span id="historyRange">-</span>
|
||||
</div>
|
||||
<canvas id="stateGraph" width="300" height="720" aria-label="State lifespan graph"></canvas>
|
||||
<div class="history-controls">
|
||||
<select id="historyFilter" aria-label="State graph filter">
|
||||
<option value="all">All</option>
|
||||
<option value="active">Living</option>
|
||||
<option value="ended">Past</option>
|
||||
</select>
|
||||
<select id="historySort" aria-label="State graph sort">
|
||||
<option value="important">Important</option>
|
||||
<option value="active">Active</option>
|
||||
<option value="oldest">Oldest</option>
|
||||
<option value="strongest">Strongest</option>
|
||||
<option value="largest">Largest</option>
|
||||
</select>
|
||||
<select id="historyMetric" aria-label="State graph metric">
|
||||
<option value="power">Power</option>
|
||||
<option value="population">Population</option>
|
||||
<option value="cities">Cities</option>
|
||||
<option value="loyalty">Loyalty</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="history-group-controls" aria-label="State graph groups">
|
||||
<button id="toggleActiveStates" type="button" aria-pressed="true">Living</button>
|
||||
<button id="togglePastStates" type="button" aria-pressed="true">Past</button>
|
||||
</div>
|
||||
<div class="state-graph-scroll">
|
||||
<canvas id="stateGraph" width="300" height="720" aria-label="State lifespan graph"></canvas>
|
||||
</div>
|
||||
<div id="stateGraphInfo" class="state-graph-info">Hover a row for details</div>
|
||||
</section>
|
||||
</aside>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue