Logarithmic error scale

public/helptext/gradientdescent.md

@@ -59,7 +59,7 @@ Reprenons le dataset oblique afin de pouvoir comparer les résultats, et diminuo
 
 Puis cliquez sur "Lancer" tout en laissant les autres paramètres intacts.
 
-On peut voir en dessous du tableau que l'entraînement s'est arrêté car le nombre maximal d'époques a été atteint. On pourrait l'augmenter (max 5000 pour mon petit serveur), mais ce serait du temps perdu. La solution du réseau est suffisante et il n'y aurait pas beaucoup de gain, même pour le triple d'itérations maximales en plus. Pour le prouver, cliquez sur le bouton `Afficher uniquement l'erreur quadratique moyenne`, la ligne que l'on peut voir ressemble fortement à la fonction logarithme $y = log(x^{-1})$. La progression de la descente du gradient est donc logarithmique ; les plus gros changements se font dans les premières époques.
+On peut voir en dessous du tableau que l'entraînement s'est arrêté car le nombre maximal d'époques a été atteint. On pourrait l'augmenter (max 5000 pour mon petit serveur), mais ce serait du temps perdu. La solution du réseau est suffisante et il n'y aurait pas beaucoup de gain, même pour le triple d'itérations maximales en plus. Pour le prouver, cliquez sur le bouton `Afficher uniquement l'erreur quadratique moyenne`, la ligne que l'on peut voir ressemble fortement à la fonction logarithme $y = log(x^{-1})$ (attention à l'échelle qui est elle-même logarithmique). La progression de la descente du gradient est donc logarithmique ; les plus gros changements se font dans les premières époques.
 
 </div>
 

resources/js/components/PerceptronIterationsErrorsGraph.vue

@@ -113,8 +113,8 @@ const datasets = computed<ErrorDataset[]>(() => {
                     min: 0,
                 },
                 y: {
+                    type: !epochErrorOnly ? 'linear' : 'logarithmic',
                     stacked: true,
-                    beginAtZero: !props.isRegression,
                     grid: {
                         color: function (context) {
                             if (context.tick.value == 0) {

resources/js/pages/PerceptronViewer.vue

@@ -14,6 +14,7 @@ import {
     ScatterController,
     LineController,
     BarController,
+    LogarithmicScale,
 } from 'chart.js';
 import { ArrowDown, ArrowUp } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
@@ -52,7 +53,8 @@ ChartJS.register(
     LineElement,
     ScatterController,
     LineController,
-    BarController
+    BarController,
+    LogarithmicScale
 );
 ChartJS.defaults.font.size = 16;
 ChartJS.defaults.color = '#FFF';