---
title: Arquivos e estatísticas
---

<script lang="ts">
    import { ChartNoAxesColumn } from 'lucide-svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import ElevationProfile from '$lib/components/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 arquivos

Uma vez [abertos](./menu/file), os arquivos serão exibidos como abas na lista de arquivos localizados na parte inferior do mapa.
Você pode reordená-los arrastando e soltando as abas.
E quando muitos arquivos estiverem abertos, você poderá rolar a lista de abas para navegar entre eles.

<DocsNote>

Ao usar um mouse, você precisa segurar <kbd>Shift</kbd> para rolar horizontalmente.

</DocsNote>

### Seleção de arquivo

Clicando em uma aba, você pode alternar entre arquivos para inspecionar suas estatísticas, e aplicar [ações de edição](./menu/edit) e [ferramentas](./toolbar) para eles.
Ao segurar a tecla <kbd>Ctrl/Cmd</kbd>, você poderá adicionar arquivos à seleção ou removê-los e segurando <kbd>Shift</kbd>, você pode selecionar um intervalo de arquivos.
A maioria das [ações de edição](./menu/edit) e [ferramentas](./toolbar) podem ser aplicadas a vários arquivos de uma só vez.

<DocsNote>

Você também pode navegar pelos arquivos usando as setas do teclado e usar <kbd>Shift</kbd> para adicionar arquivos à seleção.

</DocsNote>

### Ações de edição

Clicando com o botão direito em uma aba arquivo, você pode acessar as mesmas ações que no [menu de edição](./menu/edit).

### Tree layout

As mentioned in the [view options section](./menu/view), you can switch to a tree layout for the files list.
This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](./gpx) contained inside the files through collapsible sections.

Você também pode aplicar as [ações de edição](./menu/edit) e [ferramentas](./toolbar) para itens de arquivos internos.
Além disso, você pode arrastar e soltar os itens internos para reordená-los, ou movê-los na hierarquia ou até mesmo para outro arquivo.

<DocsNote>

O tamanho da lista de arquivos pode ser ajustado arrastando o separador entre o mapa e a lista de arquivos.

</DocsNote>

## Perfil de elevação e estatísticas

Na parte inferior da interface, você pode encontrar o perfil de elevação e estatísticas para a seleção atual.

<DocsNote>

O tamanho do perfil de elevação pode ser ajustado arrastando o separador entre o mapa e o perfil de elevação.

</DocsNote>

### Estatísticas interativas

Ao passar o mouse sobre o perfil de elevação, uma dica mostrará estatísticas sobre a posição do cursor.

Para obter as estatísticas de uma seção específica do perfil de elevação, você pode arrastar um retângulo de seleção no perfil.
Clique no perfil para redefinir a seleção.

Você também pode usar a roda do mouse para aumentar e diminuir o zoom no perfil de elevação, e mover para esquerda e direita arrastando o perfil enquanto segura a 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>

### Dados adicionais

Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:

- **slope** information computed from the elevation data, or
- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
  This is only available for files created with **gpx.studio**.

If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
