---
title: Pliki i statystyki
---

<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 hoveredPoint = writable(null);
    let additionalDatasets = writable(['speed', 'atemp']);
    let elevationFill = writable(undefined);
</script>

# { title }

## Lista plików

Raz [otwarte](./menu/file) pliki, będą widoczne jako zakładki na liście plików zlokalizowanej na dole mapy.
Możesz zmieniać ich kolejność poprzez przeciągnięcie i upuszczenie zakładek.
Gdy wiele plików jest otwartych, możesz przewijać listę zakładek, aby przełączać się pomiędzy nimi.

<DocsNote>

Gdy używasz myszki, musisz przytrzymać <kbd>Shift</kbd> żeby przewijać w poziomie.

</DocsNote>

### Wybieranie plików

Poprzez kliknięcia w zakładki możesz przełączać się pomiędzy plikami, aby sprawdzać ich statystyki i stosować na nich [akcje menu edycji](./menu/edit) oraz [narzędzia](./toolbar).
Poprzez przytrzymanie klawisza <kbd>Ctrl/Cmd</kbd> możesz dodawać lub usuwać pliki z zaznaczenia, a przytrzymując <kbd>Shift</kbd> możesz zaznaczyć zakres plików.
Większość [akcji menu edycji](./menu/edit) i [narzędzi](./toolbar) może być stosowanych do wielu plików naraz.

<DocsNote>

Możesz też przełączać się pomiędzy plikami z użyciem klawiszy strzałek na klawiaturze i używając klawisza <kbd>Shift</kbd>, aby dodać pliki do zaznaczenia.

</DocsNote>

### Akcje menu edycji

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

### Układ drzewa

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.

You can also apply [edit actions](./menu/edit) and [tools](./toolbar) to internal file items.
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>

### Interaktywne statystyki

When hovering over the elevation profile, a tooltip will show statistics at the cursor position.

To get the statistics for a specific section of the elevation profile, you can drag a selection rectangle on the profile.
Click on the profile to reset the selection.

You can also use the mouse wheel to zoom in and out on the elevation profile, and move left and right by dragging the profile while holding the <kbd>Shift</kbd> key.

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

### Dodatkowe informacje

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.
