Travel Mapping

Web Design Discussion => General Web Design Discussion => Topic started by: Jim on May 10, 2019, 11:02:50 pm

Title: HDX loading traveled graphs
Post by: Jim on May 10, 2019, 11:02:50 pm
I was able to complete the first steps toward using traveled graphs in HDX.  If you load a traveled format graph instead of the previous collapsed or simple, it will color edges based on the number of travelers rather than the number of concurrent routes.  I have some ideas of how to make this better, but I'm happy to hear yours.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 10, 2019, 11:14:05 pm
In the test HDX version, I'm experimenting with special colors for untraveled edges (gray) and edges with just a single traveler (green), with everything else on the blue-purple-red scale from 2 to max.

http://courses.teresco.org/metal/hdxtmtest/
Title: Re: HDX loading traveled graphs
Post by: michih on May 11, 2019, 03:14:32 am
I have some ideas of how to make this better, but I'm happy to hear yours.

Ok ;)

Green looks "more important" than (bright) blue. I'd prefer having colors used as for concurrent routes (blue = 1, green = 2,...).

The other issues are not just traveled graphs related but also general:
First, color legend (https://github.com/TravelMapping/EduTools/issues/206) would help because I'm not sure about the blue colors, e.g. "bright blue" looks similar to grey.
My most desired feature is hiding markers (https://github.com/TravelMapping/EduTools/issues/225). It's generally important to be able to analyze graphs when being zoomed-out to get findings and zoom-in there only.
And of course, infowindow (https://github.com/TravelMapping/EduTools/issues/103). For instance, I could easily find out who's the traveler, I could know that I can even change wp label in use, if it's just in use by me.

In general, HDX still has the known behavior, for instance, as mentioned here (http://forum.travelmapping.net/index.php?topic=2576.msg10419#msg10419).
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 10:11:11 am
I would like to highlight the 1 traveler case as special, as I think it's a TM accomplishment to be the only traveler on a segment, though green might not be the best choice.

I've added edge popups to the http://courses.teresco.org/metal/hdxtmtest/ version this morning.  I don't know why the earlier functionality (same info, minus travelers) got removed.  I'll need to do some testing to see if this plays nicely with other file formats and with algorithm visualizations.
Title: Re: HDX loading traveled graphs
Post by: michih on May 11, 2019, 12:14:54 pm
I would like to highlight the 1 traveler case as special, as I think it's a TM accomplishment to be the only traveler on a segment, though green might not be the best choice.

Black? Gold?
Title: Re: HDX loading traveled graphs
Post by: michih on May 11, 2019, 12:50:09 pm
Info window is great! Damn great! :)

It only looks a little bit odd when a nmp file is loaded.
Is it possible to separate the endpoints by a line feed instead of <-> ?
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 02:16:55 pm
For colors, I think I'm going to try yellow/gold for 1-traveler segments, then go from green for 2 travelers up through the blues for larger numbers, to red for the most-traveled.  Shouldn't be too hard and I hope to try it today to see how it looks.  Adding the button to hide all markers is a priority also.
Title: Re: HDX loading traveled graphs
Post by: michih on May 11, 2019, 02:34:37 pm
I think that your latest code is not yet on Github.... your ranges are likely 0 = grey, 1 = green, 2-5 blue, 6-10 brighter blue, 11-15 bright red, 15-19 darker red,...
When you look at it, you might think that 6-10 colored segments have less travelers...

btw: It would be great to be able loading traveled graphs via option 1 in addition.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 03:37:00 pm
Legend discussion: https://github.com/TravelMapping/EduTools/issues/206

For colors, I'm planning to have a continuous gradient along the HSV wheel from 2 (at green, 120 degrees) to maxTravelers (at red, 360 degrees).
Title: Re: HDX loading traveled graphs
Post by: michih on May 11, 2019, 03:49:28 pm
It's fine to me but please apply it for concurrent routes too.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 04:40:36 pm
Latest now in:

Color wheel as described above for travel counts 2 to max. 

When up to 5 travelers have traveled a segment, list them right in the popup instead of requiring the mouseover to see the list.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 06:56:03 pm
Can now hide markers in the http://courses.teresco.org/metal/hdxtmtest/ version.
Title: Re: HDX loading traveled graphs
Post by: yakra on May 11, 2019, 08:24:30 pm
With most segments being lightly traveled, graphs will tend to be predominantly green.
I find it a bit visually jarring, and counter to "red advances, blue recedes". 0 blue or purplish, thru cyan-green-yellow-orange-red to 100% would be more intuitive IMO.
A snag is that the yellow along this spectrum conflicts with its current use for single-traveler segments. Perhaps more of a gold per michih's suggestion, maybe like the color used for Tier-5 systems in mapview.
This is somewhat ameliorated by gold segments being located mostly among gray & blue segments, and yellow segments largely along a green<->orange continuum.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 08:42:25 pm
Just switched to a log scale.  Get into the blues very quickly, purples pretty quickly, shades of red before you know it.  Not sure if I like it or not.
Title: Re: HDX loading traveled graphs
Post by: yakra on May 11, 2019, 09:03:28 pm
I'm also unsure on the log scale. Perhaps a bit much variation. I think I prefer the linear? With a caveat...

Just before I hit reload upon reading your last post, I noticed that red for maxTravelers looks to be based on the total number of travelers in a given graph, rather than the most-traveled segment.
cantch-system-traveled.tmg never got hotter than a sky blue at QC TCHMai A-40(66) A-40(68).
The hottest AB-region-traveled.tmg got, on TCH 1 west of Calgary toward Banff, was still on the green side of cyan.

Setting red to the most-traveled segment rather than the total number of travelers could, using a wider range of colors, make differences more visible.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 11, 2019, 10:01:59 pm
It's already going to have a solid red for most traveled as max of the range is max of any edge, not overall number of travelers.

I kind of like what I have on there now using log base 10.  New Mexico looks sharp.

I wonder if I should also use a min of any edge to get more greens and cyans in the heavily traveled areas.
Title: Re: HDX loading traveled graphs
Post by: yakra on May 11, 2019, 11:35:01 pm
It's already going to have a solid red for most traveled as max of the range is max of any edge, not overall number of travelers.
I thought I made sure of what I was posting before I posted. :( Either something changed right after, or I wasn't looking at what I thought I was. The old HDX in the one browser tab I didn't load, perhaps. In any case, I'm not recreating whatever I thought I saw, in whatever graph it was. Disregard.

I kind of like what I have on there now using log base 10.  New Mexico looks sharp.
I think it may be growing on me. The graphs I've looked at trend mostly toward blue now. Rather than "red advances, blue recedes", the cyans and greens recede toward the background from there out of being more lightly colored. The effect goes well with some of the background tilesets, such as Mapbox Streets, HERE Normal Day, or ESRI WorldTopoMap.

New Hampshire looks pretty nice too.

Notable here that there are no 0-traveler or "TM Pioneer" segments, making it all pretty uninterrupted visually. What do you think of an option, maybe a drop-down box, for...
• Special colors for 0 ior 1 travelers, as we have it now
• Special color for only 0-traveler segments
• No special colors; fit all segments into continuous gradient (or maybe 0 would be hard here if using log scale?)

I wonder if I should also use a min of any edge to get more greens and cyans in the heavily traveled areas.
I see both an upside and downside to this.
Title: Re: HDX loading traveled graphs
Post by: michih on May 12, 2019, 02:22:00 am
What do you think of an option, maybe a drop-down box, for...
• Special colors for 0 ior 1 travelers, as we have it now
• Special color for only 0-traveler segments
• No special colors; fit all segments into continuous gradient (or maybe 0 would be hard here if using log scale?)

• Special color for most traveled segment(s) and 2nd most traveled segment(s)

Let's call it (drop-down box) "highlight extremes"
Title: Re: HDX loading traveled graphs
Post by: yakra on May 12, 2019, 01:13:48 pm
I wonder if I should also use a min of any edge to get more greens and cyans in the heavily traveled areas.

Minimum number of travelers >2 on any segment:
Code: [Select]
3 AND-region-traveled.tmg
4 baltimore25-area-traveled.tmg
6 chicago25-area-traveled.tmg
4 dc20-area-traveled.tmg
13 DC-region-traveled.tmg
3 kc20-area-traveled.tmg
4 MAF-region-traveled.tmg
4 MD-region-traveled.tmg
5 mhc25-area-traveled.tmg
3 MS-region-traveled.tmg
9 naples25-area-traveled.tmg
3 NJ-region-traveled.tmg
5 nyc20-area-traveled.tmg
3 NY-region-traveled.tmg
7 siena25-area-traveled.tmg
4 siena50-area-traveled.tmg
3 ubuffalo50-area-traveled.tmg
Title: Re: HDX loading traveled graphs
Post by: yakra on May 12, 2019, 01:20:03 pm
Using Option 2 to search for graphs, I get "No graphs matched!  Please choose less restrictive filters." unless Graph category is set to All Graphs.
This is the case using any of the Graph format options, searching from 1 to 2000000 vertices.
Title: Re: HDX loading traveled graphs
Post by: yakra on May 12, 2019, 03:31:29 pm
It's already going to have a solid red for most traveled as max of the range is max of any edge, not overall number of travelers.
I thought I made sure of what I was posting before I posted. :( Either something changed right after, or I wasn't looking at what I thought I was. The old HDX in the one browser tab I didn't load, perhaps. In any case, I'm not recreating whatever I thought I saw, in whatever graph it was. Disregard.
Okay, I see what's going on. It's another case of going to Load Data Options and loading a second graph without reloading the browser tab causing odd behavior. In this case the colors don't get calibrated properly.
http://yakra.teresco.org/images/
Title: Re: HDX loading traveled graphs
Post by: Jim on May 12, 2019, 08:13:11 pm
It looks like I need to put some time into general bulletproofing of the system especially as multiple graphs are loaded in succession without a hard reload in between.
Title: Re: HDX loading traveled graphs
Post by: Jim on May 13, 2019, 08:51:59 am
Using Option 2 to search for graphs, I get "No graphs matched!  Please choose less restrictive filters." unless Graph category is set to All Graphs.
This is the case using any of the Graph format options, searching from 1 to 2000000 vertices.

https://github.com/TravelMapping/EduTools/issues/248