KaTE McManuS
These short videos feature each of our 4 virtual “exhibits,” all available on an interactive website.

Visualizing the Rijksmuseum

  1. Class Project
  2. Data Viz, Code
  3. 2017

Overview

In a Data Visualization course at Carnegie Mellon, for the final project, we were to find and visualize a dataset using d3.js. Our team was interested in the shift in how people were experiencing art as new initiatives spearheaded its digitization. We were inspired by innovative cultural projects, like those of Google's Arts & Culture. So, we chose to use The Rijksmuseum's newly released API, giving us full digital access to its collection in Amsterdam.

We submitted our project to the IEEE Visualization Conference, an annual conference on information visualization. We were selected to share our work in a presentation, poster, and public art installation for the Vis Arts Program, alongside famous information designers such as Giorgia Lupi.

Goal

How can users experience the Rijksmuseum's art remotely in new ways that are not available through a museum visit? Our project encompassed 4 virtual “exhibits,” or attempts to answer that question.

Team

Pierre Amelot, John Hwong

Entrance to Vis Arts Program's public art installations, IEEE Visualization Conference
Entrance to Vis Arts Program's public art installations, IEEE Visualization Conference
Presentation & poster, IEEE Visualization Conference
Presentation & poster, IEEE Visualization Conference

Process

To acquaint ourselves with the data, we created an internal interface to query the API, present the artworks, and filter by their attributes. Equipped with this reference, we brainstormed visualizations, usually by sketching on paper. We roughly prototyped our more compelling ideas within the interface, later refining the best of them.

Exhibit I

Plotting all of the 4,000 paintings on a timeline, ordered by creation date, gave a feel for the Rijksmuseum's identity. It revealed a high concentration of art spanning the 17th century, when The Netherlands experienced The Dutch Golden Age. At this time, Dutch trade, science, military, and art were among the most acclaimed in the world. The period during The Hague School (1860-1890) had denser coverage, too. We also highlighted if a painting was currently on display or in storage. This “exhibit,” a simple graph, illustrates that visiting a museum can just scratch the surface of its full collection.

Exhibit II

Next, we explored new, delightful ways for users to traverse a collection. Why not through the characters featured in the paintings? Using the format established by social media, this amusing “exhibit” granted users the ability to engage through a web of personalities. We ran facial recognition APIs on the paintings, testing a few options before landing on an option: Kairos. It also estimated other characteristics, which we hoped would playfully augment the dataset further.

Paintings displayed roughly in our internal interface from a Rijksmuseum API query (1 of 2 images)
Paintings displayed roughly in our internal interface from a Rijksmuseum API query (2 of 2 images)
Internal interface to query The Rijksmuseum's API
Internal interface to query The Rijksmuseum's API
An early sketch of 2 bar charts where Rijksmuseum paintings are ordered by creation date. One bar chart features the paintings in storage and the other features the paintings on display.
An early iteration of bar charts featuring data from the Rijksmuseum's API without styling.
Exhibit I: The Rijksmuseum's paintings ordered by creation date
Exhibit I: The Rijksmuseum's paintings ordered by creation date
Mosaic of painted, expressive faces from the Rijksmuseum (1 of 2 images)
Mosaic of painted, expressive faces from the Rijksmuseum (2 of 2 images)
Evaluating the efficacy of different facial recognition APIs
Evaluating the efficacy of different facial recognition APIs
Using Kairos, a facial recognition API, to augment our dataset with facial data
Using Kairos, a facial recognition API, to augment our dataset with facial data
Exhibit II: Faces of the Rijksmuseum

Exhibit III

We were interested in the use of color in paintings from The Hague School. We read that over time, the artists transitioned their palettes from gloomy and gray to lighter and brighter, under the influence of Impressionism. To dig into this claim, we pulled a representative color sample of pixels from each painting. We sorted them by hue, saturation, value, and combinations of each, finding hue to be the clearest. Once every painting was summarized into a strip of its colors, we ordered the strips by creation date. (The resulting timeline did not support the claim, but a larger dataset is needed to verify.) To help users to get a feel for the physical scale of the works, we added another dimension. Small multiples showed each artist's preference in terms of their chosen canvas sizes. Hover interactions linked the visualizations together.

Exhibit IV

For the final “exhibit,” we introduced gamification, focusing on the paintings that the Rijksmuseum designated “masterpieces” in their API. As many of the paintings are well-known, we wanted to encourage users to guess the work's title and artist as it's slowly revealed. Colorful pixels from a piece gradually make their way to their respective places on the final “canvas.” The pixels flow along the canals of a vectorized map of Amsterdam, to give a sense of place.

Viewing hex color codes in a browser console, pulled from pixels in a self-portrait by Vincent van Gogh, part of the Rijksmuseum's collection
To create a representative color sample of In the Month of July (1889) by Paul Gabriël, we pulled a set of pixels from evenly spaced intervals. Next, we sorted the array of pixels by hue.
To create a representative color sample of In the Month of July (1889) by Paul Gabriël, we pulled a set of pixels from evenly spaced intervals. Next, we sorted the array of pixels by hue.
Each painting from the Rijksmuseum's Hague School collection is summarized as a strip of its colors. The strips are ordered by creation date. See Gabriël's In the Month of July highlighted in pink on hover.
Each painting from the Rijksmuseum's Hague School collection is summarized as a strip of its colors. The strips are ordered by creation date. See Gabriël's In the Month of July highlighted in pink on hover.
Sketches brainstorming the presentation of canvas size of paintings from The Hague School
Sketches brainstorming the presentation of canvas size of paintings from The Hague School
For the initial prototyping of canvas size, we aligned every painting by their bottom left corner and set their opacities to 5%.
For the initial prototyping of canvas size, we aligned every painting by their bottom left corner and set their opacities to 5%.
We later refined the visualization to include interaction. Gabriël's In the Month of July is revealed on hover.
We later refined the visualization to include interaction. Gabriël's In the Month of July is revealed on hover.
Small multiples show the size of the canvases that each artist chose to work with. See Gabriël's In the Month of July highlighted in pink on hover.
Small multiples show the size of the canvases that each artist chose to work with. See Gabriël's In the Month of July highlighted in pink on hover.
Exhibit III: The Hague School Paintings
A screenshot of Amsterdam from Google Maps
Snapshots from our final exhibit, specifically the gradual reveal of The Merry Drinker (1628) by Frans Hals
Snapshots from our final exhibit, specifically the gradual reveal of The Merry Drinker (1628) by Frans Hals
Exhibit IV: Masterpieces