mirror of
https://github.com/lihop/godot-xterm.git
synced 2024-11-24 10:20:24 +01:00
add GodotXterm Benchmarks (customSmallerIsBetter) benchmark result for 9569c9e489
This commit is contained in:
github-action-benchmark
parent
4fec353509
commit
0f37c813c0
2 changed files with 478 additions and 0 deletions
197
docs/dev/bench/data.js
Normal file
197
docs/dev/bench/data.js
Normal file
|
|
@ -0,0 +1,197 @@
|
||||||
|
window.BENCHMARK_DATA = {
|
||||||
|
"lastUpdate": 1717925437674,
|
||||||
|
"repoUrl": "https://github.com/lihop/godot-xterm",
|
||||||
|
"entries": {
|
||||||
|
"GodotXterm Benchmarks": [
|
||||||
|
{
|
||||||
|
"commit": {
|
||||||
|
"author": {
|
||||||
|
"email": "git@leroy.geek.nz",
|
||||||
|
"name": "Leroy Hopson",
|
||||||
|
"username": "lihop"
|
||||||
|
},
|
||||||
|
"committer": {
|
||||||
|
"email": "github@leroy.nix.nz",
|
||||||
|
"name": "Leroy Hopson",
|
||||||
|
"username": "lihop"
|
||||||
|
},
|
||||||
|
"distinct": true,
|
||||||
|
"id": "9569c9e489a21cc866c7d3a36a7bc15462e480e6",
|
||||||
|
"message": "perf(term): add benchmarks\n\nAdds benchmarks by running [alacritty/vtebench](https://github.com/alacritty/vtebench)\nbenchmarks in the terminal.\nUses code based on [godotengine/godot-benchmarks](https://github.com/godotengine/godot-benchmarks)\nto measure average GPU and CPU time spent per frame.\nUses [github-action-benchmark](https://github.com/benchmark-action/github-action-benchmark)\nfor continuous integration, and publishes benchmark results to https://lihop.github.io/godot-xterm/dev/bench/.",
|
||||||
|
"timestamp": "2024-06-09T21:21:30+12:00",
|
||||||
|
"tree_id": "2d7a176405a8291e0969057e1a3460d927d37e82",
|
||||||
|
"url": "https://github.com/lihop/godot-xterm/commit/9569c9e489a21cc866c7d3a36a7bc15462e480e6"
|
||||||
|
},
|
||||||
|
"date": 1717925437036,
|
||||||
|
"tool": "customSmallerIsBetter",
|
||||||
|
"benches": [
|
||||||
|
{
|
||||||
|
"name": "cursor_motion",
|
||||||
|
"value": 69.49,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 16.92"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cursor_motion - render cpu",
|
||||||
|
"value": 9.858,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cursor_motion - render gpu",
|
||||||
|
"value": 1920,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "dense_cells",
|
||||||
|
"value": 104.1,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 25.72"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "dense_cells - render cpu",
|
||||||
|
"value": 11.21,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "dense_cells - render gpu",
|
||||||
|
"value": 1982,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "editor_launch",
|
||||||
|
"value": 54.11,
|
||||||
|
"unit": "seconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "light_cells",
|
||||||
|
"value": 74.33,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 13.27"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "light_cells - render cpu",
|
||||||
|
"value": 8.638,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "light_cells - render gpu",
|
||||||
|
"value": 1639,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling",
|
||||||
|
"value": 514.5,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 19.28"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling - render cpu",
|
||||||
|
"value": 6.948,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling - render gpu",
|
||||||
|
"value": 3264,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_region",
|
||||||
|
"value": 506.8,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 18.03"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_region - render cpu",
|
||||||
|
"value": 8.393,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_region - render gpu",
|
||||||
|
"value": 3148,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_small_region",
|
||||||
|
"value": 509.3,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 23.49"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_small_region - render cpu",
|
||||||
|
"value": 8.336,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_bottom_small_region - render gpu",
|
||||||
|
"value": 3081,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_fullscreen",
|
||||||
|
"value": 83.8,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 6.34"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_fullscreen - render cpu",
|
||||||
|
"value": 7.235,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_fullscreen - render gpu",
|
||||||
|
"value": 1478,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_region",
|
||||||
|
"value": 512.8,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 23.35"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_region - render cpu",
|
||||||
|
"value": 8.148,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_region - render gpu",
|
||||||
|
"value": 3158,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_small_region",
|
||||||
|
"value": 510,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 18.54"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_small_region - render cpu",
|
||||||
|
"value": 9.566,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "scrolling_top_small_region - render gpu",
|
||||||
|
"value": 3133,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unicode",
|
||||||
|
"value": 90.46,
|
||||||
|
"unit": "milliseconds",
|
||||||
|
"range": "± 40.33"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unicode - render cpu",
|
||||||
|
"value": 7.495,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unicode - render gpu",
|
||||||
|
"value": 1409,
|
||||||
|
"unit": "milliseconds"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
281
docs/dev/bench/index.html
Normal file
281
docs/dev/bench/index.html
Normal file
|
|
@ -0,0 +1,281 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes" />
|
||||||
|
<style>
|
||||||
|
html {
|
||||||
|
font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
color: #4a4a4a;
|
||||||
|
margin: 8px;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #3273dc;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #3298dc;
|
||||||
|
border-color: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #2793da;
|
||||||
|
flex: none;
|
||||||
|
}
|
||||||
|
.spacer {
|
||||||
|
flex: auto;
|
||||||
|
}
|
||||||
|
.small {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.header-label {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.benchmark-set {
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.benchmark-title {
|
||||||
|
font-size: 3rem;
|
||||||
|
font-weight: 600;
|
||||||
|
word-break: break-word;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.benchmark-graphs {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.benchmark-chart {
|
||||||
|
max-width: 1000px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<title>Benchmarks</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header id="header">
|
||||||
|
<div class="header-item">
|
||||||
|
<strong class="header-label">Last Update:</strong>
|
||||||
|
<span id="last-update"></span>
|
||||||
|
</div>
|
||||||
|
<div class="header-item">
|
||||||
|
<strong class="header-label">Repository:</strong>
|
||||||
|
<a id="repository-link" rel="noopener"></a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main id="main"></main>
|
||||||
|
<footer>
|
||||||
|
<button id="dl-button">Download data as JSON</button>
|
||||||
|
<div class="spacer"></div>
|
||||||
|
<div class="small">Powered by <a rel="noopener" href="https://github.com/marketplace/actions/continuous-benchmark">github-action-benchmark</a></div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.2/dist/Chart.min.js"></script>
|
||||||
|
<script src="data.js"></script>
|
||||||
|
<script id="main-script">
|
||||||
|
'use strict';
|
||||||
|
(function() {
|
||||||
|
// Colors from https://github.com/github/linguist/blob/master/lib/linguist/languages.yml
|
||||||
|
const toolColors = {
|
||||||
|
cargo: '#dea584',
|
||||||
|
go: '#00add8',
|
||||||
|
benchmarkjs: '#f1e05a',
|
||||||
|
benchmarkluau: '#000080',
|
||||||
|
pytest: '#3572a5',
|
||||||
|
googlecpp: '#f34b7d',
|
||||||
|
catch2: '#f34b7d',
|
||||||
|
julia: '#a270ba',
|
||||||
|
jmh: '#b07219',
|
||||||
|
benchmarkdotnet: '#178600',
|
||||||
|
customBiggerIsBetter: '#38ff38',
|
||||||
|
customSmallerIsBetter: '#ff3838',
|
||||||
|
_: '#333333'
|
||||||
|
};
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
function collectBenchesPerTestCase(entries) {
|
||||||
|
const map = new Map();
|
||||||
|
for (const entry of entries) {
|
||||||
|
const {commit, date, tool, benches} = entry;
|
||||||
|
for (const bench of benches) {
|
||||||
|
const result = { commit, date, tool, bench };
|
||||||
|
const arr = map.get(bench.name);
|
||||||
|
if (arr === undefined) {
|
||||||
|
map.set(bench.name, [result]);
|
||||||
|
} else {
|
||||||
|
arr.push(result);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return map;
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = window.BENCHMARK_DATA;
|
||||||
|
|
||||||
|
// Render header
|
||||||
|
document.getElementById('last-update').textContent = new Date(data.lastUpdate).toString();
|
||||||
|
const repoLink = document.getElementById('repository-link');
|
||||||
|
repoLink.href = data.repoUrl;
|
||||||
|
repoLink.textContent = data.repoUrl;
|
||||||
|
|
||||||
|
// Render footer
|
||||||
|
document.getElementById('dl-button').onclick = () => {
|
||||||
|
const dataUrl = 'data:,' + JSON.stringify(data, null, 2);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = dataUrl;
|
||||||
|
a.download = 'benchmark_data.json';
|
||||||
|
a.click();
|
||||||
|
};
|
||||||
|
|
||||||
|
// Prepare data points for charts
|
||||||
|
return Object.keys(data.entries).map(name => ({
|
||||||
|
name,
|
||||||
|
dataSet: collectBenchesPerTestCase(data.entries[name]),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderAllChars(dataSets) {
|
||||||
|
|
||||||
|
function renderGraph(parent, name, dataset) {
|
||||||
|
const canvas = document.createElement('canvas');
|
||||||
|
canvas.className = 'benchmark-chart';
|
||||||
|
parent.appendChild(canvas);
|
||||||
|
|
||||||
|
const color = toolColors[dataset.length > 0 ? dataset[0].tool : '_'];
|
||||||
|
const data = {
|
||||||
|
labels: dataset.map(d => d.commit.id.slice(0, 7)),
|
||||||
|
datasets: [
|
||||||
|
{
|
||||||
|
label: name,
|
||||||
|
data: dataset.map(d => d.bench.value),
|
||||||
|
borderColor: color,
|
||||||
|
backgroundColor: color + '60', // Add alpha for #rrggbbaa
|
||||||
|
}
|
||||||
|
],
|
||||||
|
};
|
||||||
|
const options = {
|
||||||
|
scales: {
|
||||||
|
xAxes: [
|
||||||
|
{
|
||||||
|
scaleLabel: {
|
||||||
|
display: true,
|
||||||
|
labelString: 'commit',
|
||||||
|
},
|
||||||
|
}
|
||||||
|
],
|
||||||
|
yAxes: [
|
||||||
|
{
|
||||||
|
scaleLabel: {
|
||||||
|
display: true,
|
||||||
|
labelString: dataset.length > 0 ? dataset[0].bench.unit : '',
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
beginAtZero: true,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
tooltips: {
|
||||||
|
callbacks: {
|
||||||
|
afterTitle: items => {
|
||||||
|
const {index} = items[0];
|
||||||
|
const data = dataset[index];
|
||||||
|
return '\n' + data.commit.message + '\n\n' + data.commit.timestamp + ' committed by @' + data.commit.committer.username + '\n';
|
||||||
|
},
|
||||||
|
label: item => {
|
||||||
|
let label = item.value;
|
||||||
|
const { range, unit } = dataset[item.index].bench;
|
||||||
|
label += ' ' + unit;
|
||||||
|
if (range) {
|
||||||
|
label += ' (' + range + ')';
|
||||||
|
}
|
||||||
|
return label;
|
||||||
|
},
|
||||||
|
afterLabel: item => {
|
||||||
|
const { extra } = dataset[item.index].bench;
|
||||||
|
return extra ? '\n' + extra : '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onClick: (_mouseEvent, activeElems) => {
|
||||||
|
if (activeElems.length === 0) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// XXX: Undocumented. How can we know the index?
|
||||||
|
const index = activeElems[0]._index;
|
||||||
|
const url = dataset[index].commit.url;
|
||||||
|
window.open(url, '_blank');
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
new Chart(canvas, {
|
||||||
|
type: 'line',
|
||||||
|
data,
|
||||||
|
options,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderBenchSet(name, benchSet, main) {
|
||||||
|
const setElem = document.createElement('div');
|
||||||
|
setElem.className = 'benchmark-set';
|
||||||
|
main.appendChild(setElem);
|
||||||
|
|
||||||
|
const nameElem = document.createElement('h1');
|
||||||
|
nameElem.className = 'benchmark-title';
|
||||||
|
nameElem.textContent = name;
|
||||||
|
setElem.appendChild(nameElem);
|
||||||
|
|
||||||
|
const graphsElem = document.createElement('div');
|
||||||
|
graphsElem.className = 'benchmark-graphs';
|
||||||
|
setElem.appendChild(graphsElem);
|
||||||
|
|
||||||
|
for (const [benchName, benches] of benchSet.entries()) {
|
||||||
|
renderGraph(graphsElem, benchName, benches)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const main = document.getElementById('main');
|
||||||
|
for (const {name, dataSet} of dataSets) {
|
||||||
|
renderBenchSet(name, dataSet, main);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
renderAllChars(init()); // Start
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue