Wednesday, October 2, 2019

info visualisation - Best way to visualize route frequency on a map?


I have a map that displays flight routes. Now I'd like to indicate that some routes are operated more frequently.


Example (flights per week):



  • SFO - NRT: 27


  • JFK - BER: 4

  • BER - DXB: 12


How to visualize the frequency so that the user is able to distinguish between frequent and less frequent routes?


I can imagine various solutions, including



  1. stroke width,

  2. dotted/dashed line with varying gaps, or

  3. color gradient.



Are there best practices?



Answer



Summary


Stroke width and color gradient are good choices, because you are dealing with ordinal data. Dotted/dashed line would not be a good choice for ordinal data.




Detailed Answer


Choose appropriate visual encodings.


Since you want the user to be distinguish frequent from less frequent routes, you need to choose a visual property that represents ordinal data.


Ordinal data is typically separated into natural, ordered categories, where the distances between the categories is not known -- for example small, medium, large. It is distinct from quantitative data.


In Chapter 4 of his book Designing Data Visualizations, Noah Ilinisky says:




Whether a visual property has a natural ordering is determined by whether the mechanics of our visual system and the “software” in our brains automatically—unintentionally—assign an order, or ranking, to different values of that property.



...



For example, position has a natural ordering; shape doesn’t. Length has a natural ordering; texture doesn’t (but pattern density does). Line thickness or weight has a natural ordering; line style (solid, dotted, dashed) doesn’t. Depending on the specifics of the visual property, its natural ordering may be well suited to representing quantitative differences (27, 33, 41), or ordinal differences (small, medium, large, enormous).



The image attached is also taken from his book. It suggests that line weight and color saturation (gradient) are intuitive ways to encode ordinal data.


Also shown in the image, a dotted/dashed line (line pattern) would not be a good choice for ordinal data.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...