---
title: Files and statistics
---

<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 }

## File list

När du har [öppnat](./menu/file) filer, visas de som tabbar i fillistan som finns i botten av kartan.
You can reorder them by dragging and dropping the tabs.
And when many files are open, you can scroll through the list of tabs to navigate between them.

<DocsNote>

When using a mouse, you need to hold <kbd>Shift</kbd> to scroll horizontally.

</DocsNote>

### File selection

By clicking on a tab, you can switch between the files to inspect their statistics, and apply [edit actions](./menu/edit) and [tools](./toolbar) to them.
By holding the <kbd>Ctrl/Cmd</kbd> key, you can add files to the selection or remove them, and by holding <kbd>Shift</kbd>, you can select a range of files.
Most of the [edit actions](./menu/edit) and [tools](./toolbar) can be applied to multiple files at once.

<DocsNote>

You can also navigate through the files using the arrow keys on your keyboard, and use <kbd>Shift</kbd> to add files to the selection.

</DocsNote>

### Edit actions

By right-clicking on a file tab, you can access the same actions as in the [edit menu](./menu/edit).

### Tree layout

Som nämnts i [Visaalternativsmenyn](./menu/view), kan du växla till en trädlayout för fillistan.
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.
Utöver detta låter filträdvisningen dig att inspektera spår. segment och intressanta platser](./gpx) som finns i filerna genom kollapserbara sektioner.

Du kan också applicera [ämdringsåtgärder](./menu/edit) och[verktyg](./toolbar) på interna filobjekt.
Furthermore, you can drag and drop the inner items to reorder them, or move them in the hierarchy or even to another file.

<DocsNote>

The size of the file list can be adjusted by dragging the separator between the map and the file list.

</DocsNote>

## Elevation profile and statistics

At the bottom of the interface, you can find the elevation profile and statistics for the current selection.

<DocsNote>

The size of the elevation profile can be adjusted by dragging the separator between the map and the elevation profile.

</DocsNote>

### Interaktiv stastistik

När du svävar över höjdprofilen visar ett verktygstips statistik vid markörens position.

.
Click on the profile to reset the selection.

Du kan också använda mushjulet för att zooma in och ut på höjdprofilen och flytta vänster eller höger genom att dra profilen när du håller nerb<kbd>Shift</kbd> -tangenten.

<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>

### Additional data

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**.

Om ditt val innehåller det kan du också visualisera: **fart**, **puls**, **kadens**, **temperatur** och \*kraftr\*\* data på höjdprofilen.