Negatives on the Number Line — Visualization & Examples

Above is a map of a neighborhood. Each blue square represents a house. We put a number line underneath it to visualize the distance between houses, since the houses are all neatly packed. How many units apart are the two marked houses (the yellow and magenta ones)? $$\\$$ (Use the dashed lines when counting units.)