Explore more self-explanatory UI paradigms for historical comparison

## Problems

Currently, we use a diagonally striped bar:

with this hover effect:


This has several issues:
- Not an established convention so without hovering it's impossible to figure out what it does
- The hover animation is not communicating anything. This type of animation tends to be associated with progress bars, which is not the right metaphor here.
- Most importantly, there is no distinction between "no change from last survey" and "no data from past surveys", which is a very serious limitation.

Additionally, because this is there, it prevents _other_ things from being there, such as things that could explain the nesting a bit better.

## Potential solutions

Move the relative rank from where it is now:

to the actual rank (and display the actual rank — without that, the rank lost or gained is meaningless).

Then, that leaves the space to the right of the bar for communicating historical data, e.g. with something like this:

But then, what about the visual indicator? Do we lose that? Not necessarily. We could still show it when the historical indicator is touched/hovered, and then because the user has expressed intent, we can provide more info in context: