Likes and loves gains a multiplier, so it ranks higher than normal. The appeal vision show us the raw values from someone without likes and dislikes.
In the character sheet, the red arrow is what is being detected at that moment, and the yellow bar is what the hearthling is actually feeling. The yellow always moves toward the red, it just takes time, like the moods.
To complement this a bit: those zones divided by black stripes determine the satisfaction level of that individual hearthling.
the gray zone is neutral
the 2 blue zones are negative
the 4 gold zones are postive
As long as the yellow arrow stays over a zone that isn’t neutral (gray), that specific hearthling gains a mood modifier (- in blue, + in yellow). The intensity of the mood modifier depends on how far the yellow arrow is into the gold/blue zones. While the arrow is there, in the morale tab it will show up as Pleasant Aesthetics, Unpleasant Aesthetics, Beautiful Aesthetics, etc…
There are also other modifiers that are awarded if a certain action was done while the arrow was in a colored zone, such as “slept in a pleasant environment” etc… these have durations, and can stay with the hearthling even after the yellow arrow falls back to the gray zone.
edit: so because of these temporary mood modifiers, you can create temporary boosts for your hearthlings by setting up a super pretty bedroom, in which they get this bonus before they return to the otherwise ugly town or mine or anywhere where the aesthetics aren’t that awesome, and it will stay with them for a couple of in-game hours.