A book’s title page contains more than its namesake—including its author, contributors, publisher, and release date, and. Antiquarian books are known for having lengthy titles, especially those of a scientific nature. These books’ frequently unassuming title pages are gateways to a wealth of knowledge and the focal point of this project.
Title pages of antique influential scientific books covering a variety of subjects were coded and reimagined as colorful cityscapes based solely on their words to illustrate the unique body of knowledge readers would find within.
Boxes were drawn around each word of a title page and color-coded by its first letter (words beginning with “A” are one color, “B” another, and so on). Each title page has its own palette. Those boxes were then upended and arranged to form an abstract cityscape while maintaining their original sizes relative to each other.
Generally speaking (and ignoring questions of styling, API availability, etc.), an ideal Web annotation pattern follows these principles:
Annotations appear in close visual proximity to the primary content.
Their design neither distracts from nor hides the primary content.
The preceding principles are followed regardless of screen width.
The only pattern I’ve found that meets these criteria is FiveThirtyEight’s.
...As it turns out, FiveThirtyEight didn't invent this pattern. It likely originated in medieval illuminated manuscripts which contain “interleave notes” — comments written literally between the lines.