I'm pretty sure the HyperCard screenshot is not actually a screenshot of HyperCard, but a screenshot of an early Mac control panel. In the link it seems like it's an example of what things looked like on the machine on which HyperCard was originally written to run, not HyperCard itself.
You can find plenty of screen shots of HyperCard applications (or rather, "stacks", as they were called) by using Google image search.
But HyperCard wasn't really a visual programming language. Indeed, it wasn't a language at all (the language is called "HyperTalk"). Anyway, HyperCard did allow you to design user interfaces in a slick visual way. But the code is purely text based. You can see example code at the HyperTalk wikipedia page
