this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

init forgetting curve

+34
+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
··· 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>