diff --git a/website/src/lib/docs/fr/files-and-stats.mdx b/website/src/lib/docs/fr/files-and-stats.mdx
index e23c63161..84c465a8f 100644
--- a/website/src/lib/docs/fr/files-and-stats.mdx
+++ b/website/src/lib/docs/fr/files-and-stats.mdx
@@ -7,11 +7,11 @@ title: Fichiers et statistiques
     import DocsNote from '$lib/components/docs/DocsNote.svelte';
     import ElevationProfile from '$lib/components/elevation-profile/ElevationProfile.svelte';
     import GPXStatistics from '$lib/components/GPXStatistics.svelte';
-    import { exampleStatistics } from '$lib/data/example';
+    import { exampleGPXFile } from '$lib/assets/example';
     import { writable } from 'svelte/store';
 
-    let statistics = writable(exampleStatistics);
-    let slicedStatistics = writable(undefined);
+    let gpxStatistics = writable(exampleGPXFile.getStatistics());
+    let slicedGPXStatistics = writable(undefined);
     let hoveredPoint = writable(null);
     let additionalDatasets = writable(['speed', 'atemp']);
     let elevationFill = writable(undefined);
@@ -83,8 +83,8 @@ Vous pouvez également utiliser la molette de la souris pour zoomer ou dézoomer
 
 <div class="h-48 w-full">
     <ElevationProfile
-        {statistics}
-        {slicedStatistics}
+        {gpxStatistics}
+        {slicedGPXStatistics}
         {hoveredPoint}
         {additionalDatasets}
         {elevationFill}
@@ -92,8 +92,8 @@ Vous pouvez également utiliser la molette de la souris pour zoomer ou dézoomer
 </div>
 <div class="flex flex-col items-center w-full">
     <GPXStatistics
-        {statistics}
-        {slicedStatistics}
+        {gpxStatistics}
+        {slicedGPXStatistics}
         orientation={'horizontal'}
     />
 </div>