Recorder output in Bangle2 / no Alt/Speed... graph

[eisengpferd]

Hello folks, I just tryed to play with the recorder at Bangle2 and recordet speed, hrm and alt.
But when I go on "plot hrm" for example the output ist a empty graph with not readable numbers at the left side.
The numbers in the csv file are looking fine.
Can somebody reproduce this or is my installation bad?

Bangle.js Track 20250617.csv

[gfwilliams]

Thanks! I think I spotted an issue when it's trying to use the last row (as is the case for altitude). I've just put a fix in in the development app loader so if you go to https://espruino.github.io/BangleApps/ and install recorder 0.46 it should be fixed I hope.

I'm not sure about why heartrate didn't work - it seems like it must have got a heart rate value out of range. If you still have issues, please can you go into the Web IDE, connect, then go to storage (hamburger icon in the middle), scroll down and download the track file you have, and then upload that here? The one you posted has been changed slightly by the App Loader so I can't just load it back onto the Bangle for testing.

[gfwilliams]

For speed, do you get a little 'blip'? If so I think maybe what happened is the GPS coordinates moved very suddenly as it got its first GPS fix, and then that registered as a very fast movement which dwarfed all the other speed measurements.

only Alt, Speed and HRM can be displayed inside the bangle. Is this correct ?

If you have GPS then you can see a map of where you went (which can also be printed on top of an OpenStreetMap trace).

But apart from that, that's it - but that covers pretty much everything we record surely? What else did you want to see?

[gfwilliams]

edit: I just fixed the 'blip' issue. 0.47 in the development app loader should have the fix in. It worked when you only recorded GPS, but when recording other data it changed the columns, and the code for the very first element used a hard-coded column for lat/lon

[eisengpferd]

nice. The speed graph is also working :-)
Yes, the gps-track-plot is working.
I just thought that I should be able to print a graph when I ticked the box to record something.
At the moment with my installation I am able to tick the records for:
GPS
HR
BAT
Steps
BT HR (from BT HRM I suggest)
HR int (from BT HRM I suggest)

But when I open the record-file I can display the graph from Alt, Speed, HRM.
Yes you are right. This should be enough. Further investigations with the data (to compare the BT-HR with the HR int for example) must not be done in the Bangle...

[gfwilliams]

I just added Steps+Battery graphs as it was pretty easy, but I think that covers most of the built-in stuff - at some point we add so much it actually gets in the way having so many options...

There's definitely scope for doing more though - it's not that hard to add other graphs (like this)

Or as you say often it makes more sense to have the data on the PC. Potentially there's a way to improve the current App Loader interface page to display some really nice graphs and allow downloading the graph itself (current code is at https://github.com/espruino/BangleApps/blob/master/apps/recorder/interface.html) - it feels like there must be some web-based library for graphing GPS-based data in a useful way

[eisengpferd]

Thanks very much. Your work ist great. Unfortunately there semes not to be lot more programmers...
I hope this project will go further. It depends on the number of people who wants to help.

As I started with this watch I was a bit disappointed because so many things are not working as good as expected from a 100€ watch.
Perhaps many people byed the watch and quickly just swithed to a cheap fitbit or something else just because the bangle is more timeconsuming to get it to work.

But with little improvements and your great work it could work.

I can only help with testing but I think this ist important too :-)
I still have a few other themes on the list.
(sorry, my english sounds terrible)
cheers /Hendrik/

[enaon]

I just added Steps+Battery graphs as it was pretty easy, but I think that covers most of the built-in stuff - at some point we add so much it actually gets in the way having so many options...

this is what I use for a log viewer for the cat toilet, each bar is an event, and it's height can be either the cat's weight, or the time spend on the toilet. It works very nice on the bangle.js2 too, maybe it is useful as an idea?

https://www.youtube.com/watch?v=sPpqTnPRzuE

[gfwilliams]

@enaon that looks really cool, thanks! We have something for the Health app that would really benefit from that.

@eisengpferd it's difficult. I doubt many €100 watches have so many apps available - the idea of Bangle.js is to make it so it's easy to create and share apps, but as part of that sometimes the apps aren't so good quality (but that's why we have sort by favourites/installs options).

I try to be pretty clear everywhere we sell Bangle.js that it's not as polished as a 'commercial' watch, but the flip-side is that it is completely open.

I should add though that it's really not just me working on this, there are several people that put a vast amount of time into Bangle.js for free - checking over other people's apps, fixing bugs and adding features. @bobrippling, @thyttan and @halemmerich come to mind in particular (although I can't mention everyone :) ).

Things just couldn't work at all without them - but even with it's pretty hard to keep on top of everything

[stweedo]

@eisengpferd I think it's the best open source watch available for people who like to tinker while still managing to provide a stable platform for normal use. Just like everything else, there is always room for improvement, but it is already quite mature and polished and will only get better with more contributions.

[stweedo]

@gfwilliams is this what you had in mind? It uses Leaflet for the map and Chart.js for the graphs. Leaflet is BSD 2-Clause and Chart.js is MIT licensed. Are there any restrictions on being able to use them in a Bangle.js interface besides referencing Leaflet in the docs somewhere?

[gfwilliams]

Thanks - and thank you for all the work you've been putting into Bangle.js apps recently - it's awesome!

[stweedo]

No problem! Happy to contribute and still learning a lot and having fun solving problems (mostly of my own doing).

Maybe I can get your insight into this issue I’m having… I’ve got the recorder interface switched to a collapsible list, and that properly expands each tracks and is scrollable. But when I try to expand a chart that’s nested in a track I can’t seem to figure out a way to make that grow the container it’s nested in so the chart doesn’t get pushed out of view behind the batch operations section.

[gfwilliams]

Is it live somewhere I can take a look? I'm not that great with HTML stuff but I can give it a go

[stweedo]

It’s still live at https://stweedo.github.io/BangleApps/?id=recorder and the code is at https://github.com/stweedo/BangleApps/blob/recorder-interface/apps/recorder/interface.html#L887

[gfwilliams]

Ahh, thanks! Just took a look and I see what you mean. It's a pain to track down. It looks to me like maybe it's accordion-body in spectre.css

I see this in the spectre: https://github.com/picturepan2/spectre/blob/master/src/_accordions.scss#L12

max-height: 50rem; which is about 1200px. If I change that to max-height: 200rem; in the chrome dev console I think it works?

... so you could change that in the .min.css file in BangleApps I guess, or could try using something other than accordian for it?

Maybe doing your own accordian (like you do for chart-container I think?) might be easier, and then you could probably fit the small map in the unexpanded view?

Another small thing I note is the up/down bits look misplaced:

Not sure if it's correct or not, but I'd tend to put the stuff I float:right (chart-toggle) before the chart-title to ensure they stay in the same line?

[eisengpferd]

Hey stweedo, I found another one: The download of a csv file ist only sometimes possible. Seems to be that after reloading the page I can download from the first recording and after that no other download is possible. Can you confirm that?

[stweedo]

Good find! It was because the event listeners for each tracks button weren’t being added. I just tested both individual track downloads (even after switching) and batch downloads and both are working correctly now.

[eisengpferd]

good work. Downloads ok and graphs without gps are ok :-)

ok, one more on the wishlist: I am testing the HRM system at them moment. So I installed "Bluetooth Heart Rate Monitor". This app adds the "int Heartrate" and the "BT Heartrate" (from a Polar H10)
Is it a problem to add these new data fields to the graphs? Even a combination graph with these three values woult be fine to compare them.

I am not shure if there is another app (or even future app) which adds a new data field. Perhaps simply every data field from the recorder should be able to get a graph.

Great fun here :-) Thanks /Hendrik/

[eisengpferd]

@stweedo the output is looking good for me. So we can compare the BT Heartrate with the internal one

[eisengpferd]

(this thread was not visible anymore, perhaps because of the temporary ban of my account...)

[eisengpferd]

@stweedo could you clarify that "elevation profile" ist the value from the gps?
And it would be nice to be able to see the "Barometer Altitude" also.

The gps-altitude is jumping very much...

[gfwilliams]

This is great - thank you! Can't wait to get this merged in :)

[eisengpferd]

The change in the UI ist still not visible in the official apploader.
/Hendrik/

[gfwilliams]

Does it work for you on the development app loader? https://espruino.github.io/BangleApps/

[eisengpferd]

no, it is the old UI

[gfwilliams]

Ahh, I just looked at this and it's not merged yet as I think we were waiting for a map preview for each track before it's opened: espruino/BangleApps#3906

Looks like you can try it on https://stweedo.github.io/BangleApps/?id=recorder for now