Skip to content

Commit 0a406c9

Browse files
ianaylpbalcerlukaszstolarczuk
authored
[CI][Benchmark] Merge new static html dashboard implementation (#17659)
In continuation of the effort outlined in #17545 (comment), this PR merges further changes introduced in #17229. Specifically, it merges @pbalcer's new HTML benchmarking results dashboard implementation, which now loads html data from remote sources in order to facilitate bringing up the benchmarking dashboard in intel.github.io in the future. **Note:** I am relying on this PR having its commits squashed during merge (which should be the default behavior for intel/llvm) I did not try to clean up the commit history. Most of these changes are by Piotr anyway, I wanted to make sure he was properly credited for the changes. --------- Co-authored-by: Piotr Balcer <[email protected]> Co-authored-by: Łukasz Stolarczuk <[email protected]>
1 parent 2abe0d6 commit 0a406c9

File tree

9 files changed

+1512
-344
lines changed

9 files changed

+1512
-344
lines changed

‎devops/scripts/benchmarks/html/config.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Specify the following variables to read data remotely from `remoteDataUrl`:
2+
3+
//remoteDataUrl = 'https://example.com/data.json';
4+
//defaultCompareNames = ['baseline'];
5+

‎devops/scripts/benchmarks/html/data.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
// This file serves as a placeholder for loading data locally: If
2+
// `remoteDataUrl` (etc.) is not defined in config.js, the dashboard will
3+
// attempt to load data from variables defined here instead.
4+
//
5+
// These variables are empty by default, and are populated by main.py if
6+
// `--output-html local` is specified.
7+
8+
benchmarkRuns = [];
9+
10+
defaultCompareNames = [];
11+

‎devops/scripts/benchmarks/html/index.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!--
2+
Copyright (C) 2024-2025 Intel Corporation
3+
Part of the Unified-Runtime Project, under the Apache License v2.0 with LLVM Exceptions.
4+
See LICENSE.TXT
5+
SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
6+
-->
7+
<!DOCTYPE html>
8+
<html>
9+
<head>
10+
<meta charset="utf-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
<title>Benchmark Results</title>
13+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
14+
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns"></script>
15+
<script src="data.js"></script>
16+
<script src="config.js"></script>
17+
<script src="scripts.js"></script>
18+
<link rel="stylesheet" href="styles.css">
19+
</head>
20+
<body>
21+
<div class="container">
22+
<h1>Benchmark Results</h1>
23+
<div id="loading-indicator" class="loading-indicator" style="display: none;">
24+
Loading data, please wait...
25+
</div>
26+
<div class="filter-container">
27+
<input type="text" id="bench-filter" placeholder="Regex...">
28+
</div>
29+
<div class="run-selector">
30+
<select id="run-select">
31+
<option value="">Select a run to compare...</option>
32+
</select>
33+
<button onclick="addSelectedRun()">Add</button>
34+
<div id="selected-runs" class="selected-runs"></div>
35+
</div>
36+
<details class="options-container">
37+
<summary>Options</summary>
38+
<div class="options-content">
39+
<div class="filter-section">
40+
<h3>Display Options</h3>
41+
<div class="display-options">
42+
<label>
43+
<input type="checkbox" id="show-notes" checked>
44+
Director's commentary
45+
</label>
46+
<label>
47+
<input type="checkbox" id="show-unstable">
48+
Show unstable scenarios
49+
</label>
50+
</div>
51+
</div>
52+
53+
<div class="filter-section">
54+
<h3>Suites</h3>
55+
<div id="suite-filters">
56+
<!-- Suite checkboxes will be generated by JavaScript -->
57+
</div>
58+
</div>
59+
60+
<div class="filter-section">
61+
<h3>Tags <button class="tag-action-button" onclick="toggleAllTags(false)">Clear All</button></h3>
62+
<div id="tag-filters">
63+
<!-- Tag checkboxes will be generated by JavaScript -->
64+
</div>
65+
</div>
66+
</div>
67+
</details>
68+
<details class="timeseries">
69+
<summary>Historical Results</summary>
70+
<div class="charts"></div>
71+
</details>
72+
<details class="layer-comparisons">
73+
<summary>Historical Layer Comparisons</summary>
74+
<div class="charts"></div>
75+
</details>
76+
<details class="bar-charts">
77+
<summary>Comparisons</summary>
78+
<div class="charts"></div>
79+
</details>
80+
</div>
81+
</body>
82+
</html>

0 commit comments

Comments
 (0)