Feature suggestion: Improve slope profile visualization

Vincent shared this idea 14 months ago
In Progress

As a user of Locus Map 4 with the Gold plan, I really appreciate the current implementation of the elevation profile when viewing a track, from the route planner or during navigation. It's an incredibly useful feature that gives a great overview of the terrain ahead.

However, when it comes to slope visualization, things are much less intuitive. Currently, there's a full-screen slope chart available, but it suffers from a few limitations: The Y-axis (slope) scale lacks precision, making it hard to interpret values. The chart is separated from the map view, so it's not possible to see the slope and the corresponding position on the track at the same time. Unlike the elevation profile, there is no interactive way to correlate slope data with the track (e.g., a slider or cursor that shows the position on the map).

As a result, it's quite difficult to anticipate where the steepest or most physically demanding segments of the track are located.

Suggestions to enhance the interactive elevation profile chart panel by adding slope data :

1/ When using the elevation chart, display detailed metrics for the currently selected point using the slider/cursor, below or above the chart. This could include:


- Slope (in degrees or percentage)
- Altitude
- Elapsed distance from the start
- Elapsed time if available

2/ Add Slope-Based color Coding to the chart line

Apply a color gradient to the elevation line of the chart to visualize the slope level accross the different sections of the track.

For example, a gradient from light red to dark red (or using different colors but I guess that a gradient is more compatible with colorblind people ?), based on absolute slope intervals such as: ≤10°, 10° - 20°, 20° - 30°, 30° - 40°, >40°

This would allow users to quickly spot the hardest segments of the trail at a glance, without needing to analyze the numeric chart values in detail.

Replies (20)

photo
2

I agree that the slope charts leave a lot to be desired and it could be improved in a lot of ways. I really like your 2nd proposal to add a color gradient to the elevation map. Should be relatively easy to implement as well? However, to prevent erratic color changes, maybe some averaging (e.g. per 100m) would be good.


This is how Garmin shows a climb, incl. values for total ascent, average gradient and length. Soo useful!

ff646248885b13037e0544b61f3e982955b40ba4cbabf60e925f4f04c0d6de99

This comment is in trash! Restore
photo
1

Hi everyone,

The chart from the Garmin app is indeed very insightful !

I made a quick mock-up to illustrate how a similar concept could look in the Locus app. It’s just a draft meant to share some ideas and spark discussion :

Proposed improvements :

  • Color-graded elevation line: The chart line could use a color gradient based on the average slope of each segment with darker colors for steeper parts. This would make it much easier to visually identify the toughest sections of a track.
  • Precise slider control: Replace the current click-based cursor with a more precise slider for selecting specific points along the elevation profile.

Behavior when the chart is displayed :

  • The slider starts at the far left.
  • The “details” row above the chart shows average statistics for the whole track :
    Total distanceTotal estimated timeHighest point altitudeNo slope value yet(not shown in the mock-up) total positive and negative elevation gain/loss

Behavior when moving the slider:

  • The map cursor moves accordingly, just like the current app behavior.
  • The “details” row updates in real time to show :
    Distance to the selected pointEstimated time to reach that pointAltitude at that pointSlope at that point(not shown in the mock-up) cumulative positive/negative elevation up to that point

What do you think about this approach ?


a3c6f6a687ccc10cee3644ec7dad3342342feab4a4dcb370dd022beb59dacd01

This comment is in trash! Restore
photo
2

It's very similar to that displayed by online Bicycle Router https://brouter.m11n.de/

This comment is in trash! Restore
photo
2

And the author of brouter has plans for even more improvements.

This comment is in trash! Restore
photo
photo
2

I really like this suggestion ! The slope profile in Locus Map is already useful, but clearer gradient visualization (especially with better color differentiation) and the detailed information about the current position of the cursor would make it much easier to quickly spot the toughest sections of a route. It would definitely improve readability and planning. Hope this gets considered 👍

This comment is in trash! Restore
photo
1

I found the Vincent proposal very useful.

This comment is in trash! Restore
photo
1

Hi,
I noticed that in the latest version of Locus Map, the chart system has been revamped. It now displays the current metric value directly, and the slider feels much smoother and more responsive to use. Thanks a lot for these improvements, they really enhance the experience!

That said, I still think it would be extremely useful to display cumulative metrics up to the selected point on the chart, such as:

  • distance from the start to the selected point
  • cumulative positive/negative elevation gain up to that point
  • elapsed time, etc

I believe this would make route analysis even more practical and intuitive during track review.

This comment is in trash! Restore
photo
1

Hi guys,

the altitude chart area fill is now color-coded by slope magnitude: green (0–6%), yellow (6–12%), orange (12–20%), red (>20%). Will be part of the next release (or Beta version).

It is disabled by default with option to enable over popup. Check the screenshot.

9897fe0cdb3b60d9bfe36cba7e989801b940e80b37ec230dc7579fb62d1627c5

This comment is in trash! Restore
photo
1

Very nice; the % ranges & colors could be consistent with any user-specified slope coloring, although I can't find this setting anymore; maybe it was removed long ago? Years ago there were endless discussions about reasonable ranges for color mapping, a full custom set of (slope-min..slope-max ==> color); one set isn't going to satisfy every user.

the existing ranges map to mostly green, just a little yellow, for on-road cycle touring, hilly (for me) example below

b914eb438a231638762d1234807e956b17a9cb2b9b6143976884a867d5ec4407

for me, the BRouter-web https://brouter.m11n.de values are far more relevant:

060dc1941ba0bf6f781da35d1c3bbc4ff5df62f2da3eac74816c0f851904eb97

Maybe as compromise, rather than lots of user settings, the color mapping depends on the track activity?

This comment is in trash! Restore
photo
2

You can adjust that on Tracks style

This comment is in trash! Restore
photo
1

thanks freischneider - that's right - so too complicated, but maybe the chart altitude-slope colors, which I find too biased towards very steep slopes, could, if enabled, use the Tracks style Slope Line Style

This comment is in trash! Restore
photo
photo
1

Hi Menion,

Oh wow, thanks a lot for this great improvement on the chart panel, it's much appreciated and I'm looking forward using it ! Kudos to the team !!


I do like the suggestion from Andrew with distinct color mapping depending on the activity type. But if it's customizable in the track style panel, it's already great and can fit a wide range of needs 👍


Also, in addition of the current elevation, I think it could be great to display cumulative positive and negative elevation and distance up to the selected point on or near the chart👌

This comment is in trash! Restore
photo
1

>>>You can adjust that on Tracks style

I don´t think you can adjust the colors for the Slope style (like 0-5% blue, 6-12% green etc...), only the min-max % to which it applies.

This comment is in trash! Restore
photo
3

Hi, right.

There is no special settings to set colors for this slope coloring. Anyway thanks for bringing this up. Track in it's "Style screen" has an option to set min/max limits for the slope. Internal list of possible colors (color palette) is then spread into this min-max range (or min-max over all points if not defined). You may see where is hill on the map compared to the rest of the track, but not it's absolute slope.

So idea > remove this "Min-max option" for the track style at all and create a single absolute-value color range for this chart and also for coloring on the map > so they match each other.

And yes, I should adapt BRouter style here. It make sense and will be united > why not. Anything against this idea?

This comment is in trash! Restore
photo
1

Hi Menion,
It sounds great to me 👍 I think that a single absolute-value range makes more sense than the relative min-max approach, and having the chart and map coloring match would be a real improvement too.

This comment is in trash! Restore
photo
1

Ok. I do not like brouter pallete to much. Green colors are positive making me feel "ok, nice". Dark green > "ah ok, even better" 🥵

Range from "blue" (down) to "red" (up) should match better the "slope" value.

Let me know which one looks more usable from your point of view (can't confirm that most voted will win in the end 😉). Thanks

729ed7d24563acb2d6297034966d8d113891b89efd47be2b2ad4cf89c2300895

This comment is in trash! Restore
photo
2

Why don't we use the same colors here as we do for the track (gradient)?

Blue to red (but there's also green in the middle (FLAT))

That way, you only have to remember one thing.

This comment is in trash! Restore
photo
1

I support this suggestion or at least Locus colors. Thanks.

This comment is in trash! Restore
photo
1

I prefer Locust color scheme, but the current track gradient would work as well.
Looking forward to absolute-value colors anyway.

This comment is in trash! Restore
photo
photo
3

Beta version published so who is interested - give it a try.

Slope coloring of the track use identical pallete. From my point of view, it looks pretty good with black or white outline. May app should enable thin outline automatically for a colored (altitude, slope, ...) line style (if not enabled)?

This comment is in trash! Restore
photo
1

No, please, do not force outline. I find the new 'track selected' design far too aggresive. If a user decides how he wants his tracks to look, the fact that the track is selected should not completely change how it looks. Adding the direction with small arrows was enough, in my opinion.

This comment is in trash! Restore
photo
photo
3

Much better/ good compromise. Thanks. I wonder whether the slope color scheme color ranges could be displayed somewhere like chart > menu > settings > new icon '?' at left of the "Slope colors" checkbox - so all users know what the colors represent?

This comment is in trash! Restore
photo
4

I was also thinking about it .... and will next week. Not just slope, but best if all these colorings offer a legend somewhere. Slope is easiest one now, as it has predefined absolute values identical for all tracks. Shortly > agree and will do something with it.

This comment is in trash! Restore
photo
photo
1

Beta looks good, thanks!

I did not try the AFA version, are you going to make all versions AFA in the future?

This comment is in trash! Restore
photo
1

Creating a route, slope scheme looks ok, bit I am not sure about these rectangles with 0m 0 min indications...

This comment is in trash! Restore
photo
1

Oh, looks like these rectangles are about alternative routes, but the alternative dotted line is no longer displayed in the beta.

This comment is in trash! Restore
photo
1

Attached example

This comment is in trash! Restore
photo
1

Thanks. This is completely different problem > fixed.

This comment is in trash! Restore
photo
Leave a Comment
 
Attach a file
You can't vote. Please authorize!
You can't vote. Please authorize!