Interface Sketches: Challenge #5

Sketch 10 different interactive visualizations that you think are well designed. Sketch a meaningful, high-data page with enough detail that it would be recognizable to another person. Pick your favourite and explain the design works (focus on design, not on function). Include an image of each sketch, and a screen shot of the original. 









HISTOGRAPHY.io is an interactive visualization showing every historic event in Wikipedia as a dot. There are two views, each with their own colour scheme, but the sidebar remains consistent. There is a fair amount of whitespace throughout the design. A serif and sans serif font are paired on this display, and a sense of hierarchy is established by their different uses. When the mouse rolls over a dot, it enlarges showing an image and text box beneath with a description and the year. Overall, the design works because it allows all the elements to breathe and uses a simple colour and typography system.