HB: traveler mileage and percent

[michih]

I wrote this earlier today but removed it again because I thought it's just nitpicking

I don't like the dark pink/red tone of the left column but the rest is fine to me (because the right color is usually not clinched by 100% of the users). I think the color should be similar to the "traveled" color of the graph on the map to have a "visual link". If OSM is the default map I don't see any other color looking better on the map...

Again, I only don't like the dark pink/red in the table... Maybe we can just make the 100% color a little bit brighter? Not sure but I think the graph color is similar to the 70+% color in the table. Maybe this should make it?

[Jim]

I wrote this earlier today but removed it again because I thought it's just nitpicking
Again, I only don't like the dark pink/red in the table... Maybe we can just make the 100% color a little bit brighter? Not sure but I think the graph color is similar to the 70+% color in the table. Maybe this should make it?

I agree.  On tmtest it's now the same as about 70% in the left column for clinched.  Looks pretty close to the map color.

[michih]

Yep, looks much better:

http://tmtest.teresco.org/hb/index.php?u=michih&r=deubw.b028 (+)
http://tm.teresco.org/hb/index.php?u=michih&r=deubw.b028 (-)

[Duke87]

I did like the CHM scheme but then blue is my favorite color so I'm biased.

An obvious alternative, given the subject matter here, would be to use the ROYG range of the spectrum for fading. Something like

(EDIT: ok this works better as an image)


Colors I used are #800000, #a02000, #c04000, #e06000, #ff8000, #ffaa00, #ffd400, #ffff00, #c0e000, #80c000, #40a000, #008000

[michih]

I like it as-is now.

[rickmastfan67]

How about adding some way for people to know which points they have marked as the start/end in their list files?

Case in point: http://tm.teresco.org/hb/?units=miles&u=rickmastfan67&r=wv.wv020
I have it traveled between US-60 & WV-39.  While all the labels between 'US60_E' & 'OdeTownRd' are colored, the 'WV39_W' point is not.  Maybe at least add a different color for that 'last' point showing that you have it clinched to it at least?  The way it looks now makes you think you only have it clinched to 'OdeTownRd' instead.  Maybe try coloring the 'WV39_W' style point as 'yellow'?

[michih]

The problem is that we mix two things. Waypoints and segments between two waypoints...

[yakra]

I like michih's same-color-as-the-previous-line idea upthread

[Eth]

The problem is that we mix two things. Waypoints and segments between two waypoints...

What if the segments in the table were offset so that they actually did appear as being between the points? Something like this, maybe?

[Jim]

The problem is that we mix two things. Waypoints and segments between two waypoints...

What if the segments in the table were offset so that they actually did appear as being between the points? Something like this, maybe?

My thought from upthread is almost this.  Just a matter of figuring out how to get an HTML table to do that.  I haven't looked into it at all yet.  Maybe there's an easy way.

Edit: a quick search suggests that something like this might be better accomplished without a table at all.  The harder part is the highlighting of waypoint labels, since I'd want them also to be highlighted or not based on segments not waypoints.

Further edit note to self: think about 2 tables one column each and shift the segment one down half a cell height.  For the traveler highlighting of waypoints on the left, check out the background-image CSS with a gradient.

[Jim]

Not too bad.  Here's a quick proof of concept:

http://tm.teresco.org/tabletest.html

Of course, I'd match the TM style if there's some agreement that this would be an improvement.  There are two options - interested to hear which people like better and if this kind of change it worthwhile at all.

[michih]

I think option 2 looks a little bit better than option 1 but I'm not sure if works with any kind of browser or graphics card!?
Option 2 looks more "modern"...

[Eth]

I think option 2 looks a little bit better than option 1 but I'm not sure if works with any kind of browser or graphics card!?

From what I can tell, it should be fine unless you're still on IE9 or an older phone (iOS 6 or older, Android Jelly Bean or older).

[mapcat]

I think option 1 would make it easier to spot missing single segments.

[vdeane]

I prefer option 2.  It's hard to read the point labels on option 1.