A simple one-page tool to plot parameters recorded in the *.fit
file used by Garmin and Suunto.
Starting from 2021-03-03, it also works with *.tkl
format (watch models: GPSmaster, navrun-500, ultrasport, etc).
Version online. If you have no own fit files at the moment, you can download them from examples.
From 2021-03-08 you can download *.fit
file from your Garmin Connect account, for how to do it read Usage section below.
Check the wrapper for fitplotter
is fitalyser - parallel project.
Check GChandler - download automatically new activities from Garnmin Connect to the local storage
Garmin device does recording the measured paremeters into a binary .fit
file as a function of time and distance. Then, in Garmin Connect you can visualise these metrics in graphs. I found Garmin Connect a bit inconvenient for everyday analysis. For instance, I could not check heart rate efficiency (HRE) (if you do not know read about HRE here and in Russian here) during the run. Then, the data from different days could not be visualised in one plot. Also, it is not convenient in Garmin Connect to see simultaneously a pointer in the plot and on the GPS track. Moreover, Garmin Connect is slow, and it's always better to keep your files in your local storage and have opportunity to check them. And finally, I wanted to learn JS programming.
*.fit
file (Garmin, Suunto);*.tkl
(sport watch models: GPSmaster, navrun-500, ultrasport, etc);git clone https://github.com/karaul/fitplotter.git
Press button "Choose file" and select a *.fit
file to analyse. In the Garmin unit, *.fit
files are in the folder "activities", which can be seen when you connect Garmin with PC via USB. Or you can download your fit files from Garmin Connect. Also, you can play with *.fit
files located for the demonstration purpose in the folder examples
If everything works fine, after you open the .fit
file, you will see a graph on the left and map on the right. Few screenshots are in the folder screenshots. Play with droplists: x-axis, y-axis, automode/manual add. Zoom area in the left graph and then see the averaged over the zoomed area on the right map. Click on the legend with different choice in the bottom droplist.
*.fit
file from Garmin Connect accounthttps://connect.garmin.com/modern/activity/xxxxxxxxxx
;xxxxxxxxx
in the Garmin Connect URL is acitvity ID
;fitplotter
's URL field the noticed activity ID
;fitplotter
Russians may also check ЧАВО
fit-file-parser by Dimitrios Kanellopoulos. This was taken and modified to get it working with HTML5 but with http static server.
BackFitClientSide by Gordon Moore who demonstrated how to work without a server
Sarah Lucke who explained me how to make an online fitplotter version based on the github repository
Thanks are to CanvasJS and Leaflet libraries for smooth work of the application.
MIT license
(c) Evgeny Votyakov aka karaul (about me in Russian), Nicosia, Cyprus, 2021