Spaces:
Running
Running
Update script.js
Browse files
script.js
CHANGED
@@ -39,51 +39,4 @@ document.querySelectorAll('.card').forEach(card => {
|
|
39 |
|
40 |
// Enable tooltips
|
41 |
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
|
42 |
-
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
|
43 |
-
|
44 |
-
// Speed chart
|
45 |
-
const ctx = document.getElementById('speedChart').getContext('2d');
|
46 |
-
new Chart(ctx, {
|
47 |
-
type: 'bar',
|
48 |
-
data: {
|
49 |
-
labels: ['GTX 1650 (6GB)', 'RTX 3050 (8GB)', 'RTX 3060 (12GB)', 'RTX 4090 (24GB)'],
|
50 |
-
datasets: [{
|
51 |
-
label: 'Frame Generation Time (s)',
|
52 |
-
data: [22, 17.5, 12.5, 2],
|
53 |
-
backgroundColor: ['#00ffcc', '#00cc99', '#00aaff', '#ffcc00'],
|
54 |
-
borderColor: ['#00cc99', '#009966', '#0088cc', '#cc9900'],
|
55 |
-
borderWidth: 1
|
56 |
-
}]
|
57 |
-
},
|
58 |
-
options: {
|
59 |
-
scales: {
|
60 |
-
y: {
|
61 |
-
beginAtZero: true,
|
62 |
-
title: {
|
63 |
-
display: true,
|
64 |
-
text: 'Seconds per Frame',
|
65 |
-
color: '#ffffff'
|
66 |
-
},
|
67 |
-
ticks: { color: '#ffffff' }
|
68 |
-
},
|
69 |
-
x: {
|
70 |
-
ticks: { color: '#ffffff' }
|
71 |
-
}
|
72 |
-
},
|
73 |
-
plugins: {
|
74 |
-
legend: { labels: { color: '#ffffff' } }
|
75 |
-
}
|
76 |
-
}
|
77 |
-
});
|
78 |
-
|
79 |
-
// Performance calculator
|
80 |
-
function calculatePerformance() {
|
81 |
-
const gpuTime = parseFloat(document.getElementById('gpuSelect').value);
|
82 |
-
const frameCount = parseInt(document.getElementById('frameCount').value) || 75;
|
83 |
-
const teacache = document.getElementById('teacacheCheck').checked;
|
84 |
-
const multiplier = teacache ? 0.6 : 1; // 40% reduction with teacache
|
85 |
-
const totalTime = gpuTime * frameCount * multiplier;
|
86 |
-
const minutes = Math.floor(totalTime / 60);
|
87 |
-
const seconds = Math.round(totalTime % 60);
|
88 |
-
document.getElementById('perfResult').innerText = `Estimated Time: ${minutes}m ${seconds}s for ${frameCount} frames`;
|
89 |
-
}
|
|
|
39 |
|
40 |
// Enable tooltips
|
41 |
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
|
42 |
+
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|