this repo has no description
init forgetting curve
+34
+1
components.d.ts
+1
components.d.ts
···
10
10
AboutMe: typeof import('./src/components/presentation/AboutMe.vue')['default']
11
11
AppHeader: typeof import('./src/components/AppHeader.vue')['default']
12
12
BlogPosts: typeof import('./src/components/posts/BlogPosts.vue')['default']
13
+
ForgettingCurve: typeof import('./src/components/smart-notes/forgetting-curve.vue')['default']
13
14
Island: typeof import('./node_modules/.pnpm/iles@0.8.7_sass@1.56.1/node_modules/iles/dist/client/app/components/Island.vue')['default']
14
15
JulienCalixte: typeof import('./src/components/core/JulienCalixte.vue')['default']
15
16
ProductionFlow: typeof import('./src/components/flow/ProductionFlow.vue')['default']
+33
src/components/smart-notes/forgetting-curve.vue
+33
src/components/smart-notes/forgetting-curve.vue
···
1
+
<script setup lang="ts">
2
+
import chart from 'chart.xkcd'
3
+
import { onMounted } from 'vue';
4
+
5
+
onMounted(() => {
6
+
const svg = document.querySelector('.forgetting-curve')
7
+
8
+
new chart.Line(svg, {
9
+
title: 'The forgetting curve',
10
+
xLabel: '# days',
11
+
yLabel: 'Retention',
12
+
data: {
13
+
labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
14
+
datasets: [{
15
+
label: 'Reality',
16
+
data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
17
+
}],
18
+
}
19
+
})
20
+
})
21
+
</script>
22
+
23
+
<template>
24
+
<svg class="forgetting-curve"></svg>
25
+
</template>
26
+
27
+
<style scoped>
28
+
svg {
29
+
min-height: 300px;
30
+
width: 500px;
31
+
margin: auto;
32
+
}
33
+
</style>