Style results table
This commit is contained in:
parent
ce8ac194dc
commit
28f8fd2192
@ -55,7 +55,7 @@
|
||||
<body>
|
||||
<header>
|
||||
<h1>Load chart</h1>
|
||||
<a href="../">Back to benchmark</a>
|
||||
<a href="./index.html">Back to benchmark</a>
|
||||
</header>
|
||||
<main>
|
||||
<h2>File-drop</h2>
|
||||
|
@ -18,6 +18,7 @@
|
||||
}
|
||||
td:first-child {
|
||||
white-space: nowrap;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.characteristics {
|
||||
display: flex;
|
||||
@ -25,12 +26,13 @@
|
||||
.characteristics > span {
|
||||
flex: 1;
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
text-align: center;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
.characteristics > span[active] {
|
||||
background-color: greenyellow;
|
||||
background-color: #87d241;
|
||||
}
|
||||
/* Charts */
|
||||
#chartRoot {
|
||||
@ -46,7 +48,7 @@
|
||||
<body>
|
||||
<header>
|
||||
<h1>Results</h1>
|
||||
<a href="../">Back to benchmark</a>
|
||||
<a href="./index.html">Back to benchmark</a>
|
||||
</header>
|
||||
<main>
|
||||
<h2>Select Case</h2>
|
||||
@ -59,7 +61,7 @@
|
||||
<h2>Dimensions</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Device</td>
|
||||
<td>Device:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Desktop</span><span>Mobile</span>
|
||||
@ -67,7 +69,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Browser</td>
|
||||
<td>Browser:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Firefox</span>
|
||||
@ -78,7 +80,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dataset</td>
|
||||
<td>Dataset:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Simplify.js example</span><span>Bavaria outline</span>
|
||||
@ -86,13 +88,13 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Quality</td>
|
||||
<td>High Quality:</td>
|
||||
<td>
|
||||
<div class="characteristics"><span>On</span> <span>Off</span></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charts</td>
|
||||
<td>Charts:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Simplify.js vs. Simplify.wasm</span>
|
||||
|
@ -22,7 +22,7 @@ const dimensionMap = {
|
||||
set1: [[0], [0, 1, 2], [0], [0, 1], [0]],
|
||||
set2: [[0], [2], [0], [0, 1], [1]],
|
||||
set3: [[0], [0, 3], [1], [0, 1], [0]],
|
||||
set4: [[0], [0], [1], [0, 1], [2]]
|
||||
set4: [[0], [0], [1], [0, 1], [0, 2]]
|
||||
}
|
||||
function setDimensions(set) {
|
||||
let map = dimensionMap[set]
|
||||
|
Loading…
Reference in New Issue
Block a user