Near the end of this summer, I was asked by the publishers of Popular Science magazine to produce a visualization piece that explored the archive of their publication. PopSci has a history that spans almost 140 years, so I knew there would be plenty of material to draw from. Working with Mark Hansen, I ended up making a graphic that showed how different technical and cultural terms have come in and out of use in the magazine since its inception.
The graphic is anchored by a kind of molecular chain – decade clusters in turn contain year clusters. Every atom in these year clusters is a single issue of the magazine, and is shaded with colours extracted from the issue covers via a colour clustering routine. The size of the issue-atoms is determined by the number of words in each issue.
Surrounding this chain are about 70 word frequency histograms showing the issue-by-issue usage of different terms (like ‘software’ or ‘bakelite’). I used a simple space-filling algorithm to place these neatly around the molecule chain, and to stack them so that one histogram begins shortly after another ends. This ended up resulting in some interesting word chains that show how technology has progressed – some that make sense (microcomputer to e-mail) and some what are more whimsical (supernatural to periscope to datsun to fax).
Picking out interesting words from all of the available choices (pretty much the entire dictionary) was a tricky part of the process. I built a custom tool in Processing that pre-visualized the frequency plots of each word so that I could go through many, many possibilities and identify the ones that would be interesting to include in the final graphic. This is a really common approach for me to take – building small tools during the process of a project that help me solve specific problems. For this visualization, I actually ended up writing 4 tools in Processing – only one of which contributed visually to the final result.
My working process is riddled with dead-ends, messy errors and bad decisions – the ‘final’ product usually sits on top of a mountain of iterations that rarely see the light of day. To give a bit of insight into the steps between concept and product, I’ve put together a Flickr set showing 134 process images that came out of the development of this visualization. Here are a few images from that set:
Rough beginning
Early molecular chain
Denser chain with test ‘word span’
A diversion
Near-final
Lost in the image records are the steps that involved the data – and there were a lot of them. The archive was text that came from an OCR (optical character recognition) process, and was incredibly messy. To make matters worse, the file names for each issue were machine-generated and didn’t tie to the actual date order of the documents. A great deal of our time was spent cleaning up this data, and compiling customized datasets (many of which never ended up getting used).
While the final graphic is pictured above, it looks much better in print – so make sure you get a copy! Better yet, you can order a poster-sized version of the graphic by clicking here.




















6 Comments
Nice job Jer! Fun to see at MakerFaire's ITP booth and great to see your progression.
Really great job, beautiful images! And quite an honor to share this Popular Science issue with you!
Which space filling algorithm did you use?
Great infographic! Love the colours. I like your 'makin of' as well.
Congrats Jer! Keeping on kickin' butt! It's a really nice feeling to tell my Dad to check out the back of his popular science for my professor! Sporting your color study diagrams of the covers for my desktop!
Lovely stuff!
"My working process is riddled with dead-ends, messy errors and bad decisions – the ‘final’ product usually sits on top of a mountain of iterations that rarely see the light of day." — So familiar! Thanks for the background. Great to see the context and evolution. The final product is really nice.
10 Trackbacks
[...] data visualisatie makers ter wereld heeft voor de oktober uitgave van Popular Science een mooie visualisatie gemaakt. Popular Science bestaat al 138 jaar, en met zijn visualisatie geeft Jer Thorp een mooi [...]
[...] coder extraordinaire, explains the process behind his latest piece for Popular Science in a recent article. The task at hand was to visually represent the complete archive of their publication. The final [...]
[...] *rugenius [...]
[...] http://blog.blprnt.com/blog/blprnt/138-years-of-popular-science Tweet [...]
[...] November issue of Popular Science is a special on data. There are a couple of original graphics by Jer Thorp and Jan Willem Tulp, along with a handful of interesting articles. I also got to put together a [...]
[...] da visualização de dados. Conta com vários artigos sobre o tema e apresenta grandes nomes como Jer Thorp e Jan Willem Tulp, além de trazer uma linha do tempo sobre o armazenamento e visualização da [...]
[...] Science to create a visualisation exploring the 138 years of archival issues of the magazine. The product presented in this post is visually stunning, but certainly not unexpected given his past work. His molecular chain [...]
[...] da visualização de dados. Conta com vários artigos sobre o tema e apresenta grandes nomes como Jer Thorp e Jan Willem Tulp, além de trazer uma linha do tempo sobre o armazenamento e visualização da [...]
[...] Para mais detalhes do processo do designer, com imagens de cada etapa de criação, veja seu blog. [...]
[...] Science in a recent article. [...]