intel · martygrant · Mar 28, 2025 · Feb 27, 2025 · Feb 28, 2025 · Mar 4, 2025
@@ -0,0 +1,5 @@
+// Specify the following variables to read data remotely from `remoteDataUrl`:
+
+//remoteDataUrl = 'https://example.com/data.json';
+//defaultCompareNames = ['baseline'];
+
@@ -0,0 +1,11 @@
+// This file serves as a placeholder for loading data locally: If
+// `remoteDataUrl` (etc.) is not defined in config.js, the dashboard will
+// attempt to load data from variables defined here instead.
+//
+// These variables are empty by default, and are populated by main.py if
+// `--output-html local` is specified.
+
+benchmarkRuns = [];
+
+defaultCompareNames = [];
+
@@ -0,0 +1,82 @@
+<!--
+  Copyright (C) 2024-2025 Intel Corporation
+  Part of the Unified-Runtime Project, under the Apache License v2.0 with LLVM Exceptions.
+  See LICENSE.TXT
+  SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
+-->
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Benchmark Results</title>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns"></script>
+    <script src="data.js"></script>
+    <script src="config.js"></script>
+    <script src="scripts.js"></script>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Benchmark Results</h1>
+        <div id="loading-indicator" class="loading-indicator" style="display: none;">
+            Loading data, please wait...
+        </div>
+        <div class="filter-container">
+            <input type="text" id="bench-filter" placeholder="Regex...">
+        </div>
+        <div class="run-selector">
+            <select id="run-select">
+                <option value="">Select a run to compare...</option>
+            </select>
+            <button onclick="addSelectedRun()">Add</button>
+            <div id="selected-runs" class="selected-runs"></div>
+        </div>
+        <details class="options-container">
+            <summary>Options</summary>
+            <div class="options-content">
+                <div class="filter-section">
+                    <h3>Display Options</h3>
+                    <div class="display-options">
+                        <label>
+                            <input type="checkbox" id="show-notes" checked>
+                            Director's commentary
+                        </label>
+                        <label>
+                            <input type="checkbox" id="show-unstable">
+                            Show unstable scenarios
+                        </label>
+                    </div>
+                </div>
+
+                <div class="filter-section">
+                    <h3>Suites</h3>
+                    <div id="suite-filters">
+                        <!-- Suite checkboxes will be generated by JavaScript -->
+                    </div>
+                </div>
+
+                <div class="filter-section">
+                    <h3>Tags <button class="tag-action-button" onclick="toggleAllTags(false)">Clear All</button></h3>
+                    <div id="tag-filters">
+                        <!-- Tag checkboxes will be generated by JavaScript -->
+                    </div>
+                </div>
+            </div>
+        </details>
+        <details class="timeseries">
+            <summary>Historical Results</summary>
+            <div class="charts"></div>
+        </details>
+        <details class="layer-comparisons">
+            <summary>Historical Layer Comparisons</summary>
+            <div class="charts"></div>
+        </details>
+        <details class="bar-charts">
+            <summary>Comparisons</summary>
+            <div class="charts"></div>
+        </details>
+    </div>
+</body>
+</html>