---
title: Fichiers et statistiques
---

<script lang="ts">
    import { ChartNoAxesColumn } from '@lucide/svelte';
    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 { exampleGPXFile } from '$lib/assets/example';
    import { writable } from 'svelte/store';

    let gpxStatistics = writable(exampleGPXFile.getStatistics());
    let slicedGPXStatistics = writable(undefined);
    let additionalDatasets = writable(['speed', 'atemp']);
    let elevationFill = writable(undefined);
</script>

# { title }

## Liste de fichiers

Une fois que vous avez des fichiers [ouverts](./menu/file), ils seront affichés sous forme d'onglets dans la liste de fichiers située au bas de la carte.
Vous pouvez les réordonner en glissant-déposant les onglets.
Et lorsque beaucoup de fichiers sont ouverts, vous pouvez faire défiler la liste des onglets pour naviguer entre eux.

<DocsNote>

Si vous utilisez une souris, vous devez maintenir <kbd>Shift</kbd> pour faire défiler la liste horizontalement.

</DocsNote>

### Sélection de fichiers

En cliquant sur un onglet, vous pouvez basculer entre les fichiers pour inspecter leurs statistiques, et leur appliquer des [actions d'édition](./menu/edit) et des [outils](./toolbar).
En maintenant la touche <kbd>Ctrl/Cmd</kbd>, vous pouvez ajouter ou supprimer des fichiers à la sélection, et en maintenant <kbd>Shift</kbd>, vous pouvez sélectionner une plage de fichiers.
La plupart des [actions d'édition](./menu/edit) et des [outils](./toolbar) peuvent être appliqués à plusieurs fichiers à la fois.

<DocsNote>

Vous pouvez également naviguer à travers les fichiers en utilisant les flèches de votre clavier, et utiliser <kbd>Shift</kbd> pour ajouter des fichiers à la sélection.

</DocsNote>

### Actions d'édition

En faisant un clic droit sur un onglet de fichier, vous pouvez accéder aux mêmes actions que dans le [menu d'édition](./menu/edit).

### Présentation en arborescence

Comme mentionné dans la [section des options d'affichage](./menu/view), vous pouvez basculer vers une présentation en arborescence pour la liste des fichiers.
Cette disposition est idéale pour gérer un grand nombre de fichiers ouverts, car elle les organise en une liste verticale à droite de la carte.
De plus, la vue en arborescence des fichiers vous permet d'inspecter les [traces, segments, et points d'intérêt](./gpx) contenus dans les fichiers grâce à des sections pliables.

Vous pouvez également appliquer les [actions d'édition](./menu/edit) et les [outils](./toolbar) aux éléments intérieurs aux fichiers.
De plus, vous pouvez glisser-déposer les éléments intérieurs pour les réorganiser, ou les déplacer dans la hiérarchie ou même dans un autre fichier.

<DocsNote>

La taille de la liste de fichiers peut être ajustée en faisant glisser le séparateur entre la carte et la liste de fichiers.

</DocsNote>

## Profil altimétrique et statistiques

En bas de l'interface, vous pouvez trouver le profil altimétrique et les statistiques de la sélection actuelle.

<DocsNote>

La taille du profil altimétrique peut être ajustée en faisant glisser le séparateur entre la carte et le profil altimétrique.

</DocsNote>

### Statistiques interactives

En survolant le profil d'altitude, une infobulle affiche les statistiques à la position du curseur.

Pour obtenir les statistiques d'une section donnée du profil altimétrique, vous pouvez créer un rectangle de sélection en faisant glisser votre curseur sur le profil.
Cliquez sur le profil pour réinitialiser la sélection.

Vous pouvez également utiliser la molette de la souris pour zoomer ou dézoomer sur le profil d'altitude, et bouger à gauche et à droite en faisant glisser le profil tout en maintenant la touche <kbd>Shift</kbd>.

<div class="h-48 w-full">
    <ElevationProfile
        {gpxStatistics}
        {slicedGPXStatistics}
        {additionalDatasets}
        {elevationFill}
    />
</div>
<div class="flex flex-col items-center -mt-6">
    <div class="h-10 w-fit">
        <GPXStatistics
            {gpxStatistics}
            {slicedGPXStatistics}
            panelSize={120}
            orientation={'horizontal'}
        />
    </div>
</div>

### Données supplémentaires

En utilisant le bouton <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> en bas à droite du profil d'altitude, vous pouvez optionnellement colorier le profil altimétrique en fonction :

- des données de **pente** calculées à partir des données d'altitude, ou
- des données de **revêtement** ou de **catégorie** venant des tags <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> et <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> d'<a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>.
  Ceci est uniquement disponible pour les fichiers créés avec **gpx.studio**.

Si votre sélection possède ces données, vous pouvez également visualiser les données de : **vitesse** , **fréquence cardiaque** , **cadence** , **température** et **puissance** sur le profil altimétrique.
