monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 07:46:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

smoothed out the raw wpm graph a bit

Browse source
This commit is contained in:
Jack 2020-06-25 01:30:58 +01:00
parent 34f1ee8a34
commit b187ad803f
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
public/js/script.js
View file

@ -36,6 +36,28 @@ const editTag = firebase.functions().httpsCallable('editTag');
const removeTag = firebase.functions().httpsCallable('removeTag');
const updateResultTags = firebase.functions().httpsCallable('updateResultTags');
function smooth(arr, windowSize, getter = (value) => value, setter) {
const get = getter
const result = []
for (let i = 0; i < arr.length; i += 1) {
const leftOffeset = i - windowSize
const from = leftOffeset >= 0 ? leftOffeset : 0
const to = i + windowSize + 1
let count = 0
let sum = 0
for (let j = from; j < to && j < arr.length; j += 1) {
sum += get(arr[j])
count += 1
}
result[i] = setter ? setter(arr[i], sum / count) : sum / count
}
return result
}
function showNotification(text, time) {
let noti = $(".notification");
noti.text(text);
@ -915,6 +937,9 @@ function showResult(difficultyFailed = false) {
let rawWpmPerSecond = keypressPerSecond.map(f => Math.round((f/5)*60));
rawWpmPerSecond = smooth(rawWpmPerSecond,1);
wpmOverTimeChart.data.datasets[0].borderColor = mainColor;
wpmOverTimeChart.data.datasets[0].data = wpmHistory;
wpmOverTimeChart.data.datasets[1].borderColor = subColor;