What data I show when I show data about Haruki Murakami

This is a visual tribute to Haruki Murakami's novels. It translates the rhythm of his stories to a series of data animations and data illustrations.

The tribute currently includes the city and its uncertain walls, 1Q84, Kafka on the shore, the wind-up bird chronicle, and killing Commendatore.


Exhibitions

The work is on display at these locations:

You can experience the project in two ways: as data illustrations or data animations. You can find notes on the data behind the project here.


illustrations per book

The data illustrations resemble the idea of the novels as they form in the mind of Murakami, where simplified Japanese sliding doors (shoji) reveal the story chapter by chapter.

There is a brief explanation for each illustration.


CITY

The first data illustration I made is based on the city and its uncertain walls. The 70 chapters form a nice 7 by 10 shoji grid and resembles the uncertain wall. The colour - greyish lavender - was sourced from the colour books of Sanzo Wanda (all other colours are too). I think the colour is a nice fit for the main character: a nice person (lavender) that somehow feels something is off (greyish).

data visualisation haruki murakami the city and its uncertain walls

MOON

This visualisation is based on 1Q84. I kept using a 7-chapter-per-row grid for the other books. That choice resulted in a challenge, as not every book has a 7-fold chapter count. This book has 79, or 7 x 11 + 2. I decided to use the extra two chapters creatively, showing one at the top and one a the bottom. This way, they resemble Tengo and Aomame in the story: two people that are looking for each other. The colour - night green - is based on the moon.

data visualisation haruki murakami 1Q84

KAFKA

Based on the book Kafka on the shore. I broke up the 7-row grid based on the two numberless chapters, a boy named crow. The colour - orange yellow - is inspired on the beach.

data visualisation haruki murakami kafka on the shore

BIRD

Based on the wind-up bird chronicle. This time, the grid is tweaked to resemble a large building, symbolizing the building the main character enters for treatment. The colour - English red - is based on Malta's hat.

data visualisation haruki murakami the windup bird chronicle

BELL

Based on killing Commendatore. This time, the grid is split into two parts based on the sections in the book (32 chapters each). The shoji in the centre is the prologue, resembling both the bell and the man without a face. The resulting image resembles both the pit in the forest and the river the main character needs to cross. The colour - Nile blue - also resembles that river.

data visualisation haruki murakami killig commendatore

CITY in print

Do you want to one in real life? There is a early concept print of the CITY in Buutvrij (a coffee shop in my local town, Tilburg). If you are around, make sure to have a look!


Data Animations

With modern technology and data - often associated with fast-paced digital society - the slow animations calm the mind of the viewer and prepare it to start reading a novel.

The animations are inspired by Haruki Murakami's intuitive writing style. The idea for a novel builds. When the grid is completed, the urge to start writing appears. Murakami then writes the story intuitively, chapter by chapter.

The data animations give a speculative insight into the mind of the author. The images resemble visual poetry, revealing the story chapter by chapter.

The data animation below is based on the city and its uncertain walls and takes about 7 minutes to complete.

You can view this and other data animations as a stand alone application using the links below.


Videos

Prefer videos? You can view the youtube playlist here.


How data contribute to the work

I develop this project in the same way Haruki Murakami writes. I didn't know where it would go when I started end the end is still unknown.

Books

Books are the main source for the illustrations and animations. Besides the book visualized, a few other books have played a role. His autobiographical works what I talk about when I talk about running and novelist as a vocation have been used for research. Hard-boiled wonderland and the end of the world plays a role in the animation order.

Ohter sources

Each visual resembles one book. Every shoji resembles a chapter. Its doors open more or less based on chapter length.

For the longest chapter in a book, the doors open fully. The doors are partially opened for shorter ones.

Besides that, the grid and colour are based on a story element. The slowness of the animations resembles both the long process of writing a novel and the time it takes to read one.

Intuitive sources

When working on the project, some things just feel like the right thing to do. Later, I learn more about the motivations behind these intuitive decisions. One of these is the the simplified Japanese sliding doors. Murakami writes in a sort of simplified Japanese language, a style he developed. The sliding doors in the project are used in a similar manner. The shapes also make viewers think of windows. Murakami aims to "open a new window in the mental wall of the people and let fresh air blow in".


origins, page count, more details

The idea for this project came to me during a holiday in the summer of 2024. After reading the city and its uncertain walls, I felt a rising urge to make a data visualisation project about the book. The first result of this urge was a static version of the shoji visualisation for that book. Later, I thought the shoji fitting for Haruki Murakami's work, so decided to add more of his books to my project.

I use a small and easy-to-understand dataset for this project: the page count of each chapter. Using code, I calculate the relative length of each chapter within the context of the book. This relative length (e.g. 87%) opens the doors of the chapter's shoji. The length of each chapter also determines the time it takes for the doors to open.

The order of the animation is pseudo-randomised using a random seed based on Murakami's book titles. I chose a slow animation speed because I think it fits the pacing of Murakami's novels. I also think that in a time of fast-paced change, there should be room for slowly evolving work, things that require your attention for minutes instead of seconds.

The books I included in this project are a collection of the Dutch editions of the longer novels by Haruki Murakami.


Say hi

Want to say hi? Go here.


Acknowledgements

It's both easy and hard to try and thank everyone that helped me make this project somehow. Let me start with the easy bit.

This project would not have been made if it wasn't for Haruki Murakami picking up writing. Thank you Mr. Murakami. Besides that, I'd like to thank the translators at Atlas Contact, the Dutch publisher of his novels.

The harder bit is the list of indirect influences. Things that happened at some point in the past and unintentionally pushed me towards this project. I'd like to thank Chip Kidd, a graphic designer and the designer of the American 1Q84 cover, for sharing his thoughts on book cover design and pointing me to Haruki Murakami's work. Likewise, Adam Savage, former Myth Buster, named 1Q84 as one of his top science fiction books. These two referrals made me read my first Murakami.

On a technical level there were a couple of important influences. First, the graduation internship I did for a project by Ralf van Lieshout, during which I discovered d3.js (a data visualisation code library). Second, Thom Hopmans was the person who introduced me to python, a programming language. Both python and d3.js are an essential part of what makes this project tick.

And last of all I want to thank my wife. She gave me a beautiful edition of the city and its uncertain walls as a surprise gift. It was through her unintentional, but also convenient, timing that this idea started brewing and how it got where it is today.




NL | EN