---
title: Archivos y estadísticas
---

<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<'slope' | 'surface' | undefined>(undefined);
</script>

# { title }

## Lista de archivos

Una vez que tenga archivos [abiertos](./menu/file), se mostrarán como pestañas en la lista de archivos ubicada en la parte inferior del mapa.
Puede reordenarlos arrastrando y soltando las pestañas.
Y cuando se abran muchos archivos, puede desplazarse por la lista de pestañas para navegar entre ellos.

<DocsNote>

Al usar un ratón, debe mantener pulsado <kbd>Shift</kbd> para hacer scroll horizontal.

</DocsNote>

### Selección de archivo

Al hacer clic en una pestaña, puede alternar entre archivos para inspeccionar sus estadísticas y aplicarles [acciones de edición](./menu/edit) y [herramientas](./toolbar).
Manteniendo presionada la tecla <kbd>Ctrl/Cmd</kbd>, puede añadir o eliminar archivos a la selección y manteniendo presionada la tecla <kbd>Shift</kbd>, puede seleccionar un conjunto de archivos.
La mayoría de las [acciones de edición](./menu/edit) y [herramientas](./toolbar) se pueden aplicar a varios archivos a la vez.

<DocsNote>

También puede navegar a través de los archivos usando las teclas de flecha de su teclado, y usar <kbd>Shift</kbd> para añadir archivos a la selección.

</DocsNote>

### Acciones de edición

Al hacer clic con el botón derecho en una pestaña de archivo, puede acceder a las acciones del [menú edición](./menu/edit).

### Disposición del árbol

Como se mencionó en la [sección de opciones de vista](./menu/view), puede cambiar a un esquema de árbol para la lista de archivos.
Esta disposición es ideal para administrar un gran número de archivos abiertos ya que los organiza en una lista vertical en la parte derecha del mapa.
Además, la vista de árbol de archivos permite inspeccionar [pistas, segmentos y puntos de interés](./gpx) contenidos dentro de los archivos a través de secciones plegables.

También puede aplicar [acciones de edición](./menu/edit) y [herramientas](./toolbar) a los elementos internos del archivo.
Además, puede arrastrar y soltar los elementos internos para reordenarlos, o moverlos dentro de la jerarquía o incluso a otro archivo.

<DocsNote>

El tamaño de la lista de archivos se puede ajustar arrastrando el separador entre el mapa y la lista de archivos.

</DocsNote>

## Perfil de elevación y estadísticas

En la parte inferior de la interfaz, puede ver el perfil de elevación y estadísticas para la selección actual.

<DocsNote>

El tamaño del perfil de elevación se puede ajustar arrastrando el separador entre el mapa y el perfil de elevación.

</DocsNote>

### Estadísticas interactivas

Al pasar el cursor sobre el perfil de elevación, un globo emergente mostrará estadísticas en la posición del cursor.

Para obtener las estadísticas de una sección específica del perfil de elevación, puede arrastrar para crear una selección rectangular en el perfil.
Haga clic en el perfil para reiniciar la selección.

Puede usar el ratón para acercar o alejar el perfil de elevación y moverse hacia la izquierda y derecha arrastrando el perfil manteniendo pulsada la tecla <kbd>Shift</kbd>.

<div class="h-48 w-full">
    <ElevationProfile
        {gpxStatistics}
        {slicedGPXStatistics}
        additionalDatasets={$additionalDatasets}
        elevationFill={$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>

### Datos adicionales

Usando el botón <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> en la parte inferior derecha del perfil de elevación, opcionalmente puede colorear el perfil de elevación por:

- información de la **pendiente** calculada a partir de los datos de elevación, o
- datos de **superficie** o **categoría** provenientes de la <a href="https://www.openstreetmap.org/" target="_blank">superficie</a> y etiquetas de <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">autopista</a> de <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">OpenStreetMap</a>.
  Solo disponible para archivos creados con **gpx.studio**.

Si su selección lo incluye, también puede visualizar datos de **velocidad**, **ritmo cardíaco**, **cadencia**, **temperatura** y **potencia** en el perfil de elevación.
