Researchers’ Blog Mockups with Right Panel included

I put together the detailed info panel in Illustrator an added it to both versions of the earlier mockups. I've also adjusted the subway lines because I realised it wasn't necessary to have 5 separate subway lines, and organising them like this would probably also simplify the coordinate system to define the movement of the dots. Since the visualisations in the right hand side panel would be static, I think they could be created fairly easily by creating images for all 20 combinations of settings and setting the tabs to work like links that switch between them.

Mockup 1 Alternate Pipe

Mockup 2 Alternate Pipe