A Brief Chronology
of the Chronoscope Hamburg

Matthias Müller-Prove, working paper 12/11/17

The Chronoscope Hamburg is a time machine to explore the historical topology and development of the city of Hamburg. It offers seven historical maps – dating from 1590 to 1937 – in a geo web application. It was necessary to align the maps to display them with high precision on top of today’s map. The web app provides controls to zoom into the details on street and canal level, and to compare the maps across centuries.

Keywords: eculture, open data, digital humanities, cartography, interaction design, user experience

Coding Da Vinci

The Chronoscope is one of the projects that were developed during the cultural hackathon Coding Da Vinci Nord. One of the participating institutions was the Hamburg State and University Library Carl von Ossietzky.

The first step to dive into such a project is a content audit. What's there? How many? How to access the data and meta data? Are there any obvious or faint patterns or structures?

The Hamburg Library has scanned 241 maps and made them public under Creative Commons license. Here they are sorted by year.

Screenshot from Apple Aperture

All maps plotted by year in LibreOffice

After spending some time browsing the data, the ideas start to pop up just by themselves.

Chronoscope Log

From Proof-of-Concept to Chronoscope Hamburg 1.1

Early prototypes became operational on October 5, 2016. They are based on google maps and eventually display four maps for the years 1694, 1803, 1867, and 1905. The maps have been geo-referenced in a manual process with a photo editing tool and several semi-transparent layers.

It is a deliberate design discission that the Chronoscope works as a personal research medium. There are neither guided tours nor info boxes that distract the user from her own personal journey through space and time. It is one of Chronoscope’s key properties to support a self-paced discovery of streets and locations that resonate with the user’s curiosity and perspectives.



>> Try Chronoscope 1 now

Chronoscope 1.2

Marine Lives Project is an Independent project that has transcribed more than 10.000 pages of the High Court of Admiralty in London of the 1650s. In specific, 60 residents of Hamburg have been identified by name, address and occupation. As an experimental feature, the Chronoscope shows the streets were they have lived.

>> All residents can be displayed with Chronoscope 1.2

Chronoscope 2

The problems of the Chronoscope version 1 have been addressed by replacing google maps with mapbox GL JS. The main new features are:

Other additional features would have been possible with google maps as well:

The load times have been reduced by scaling down the maps to 4096 pixels width at maximum. This was also a constraint posed by WebGL for iOS. The use of tile servers for the maps has been evaluated; but performance and display quality are not convincing (at the moment).

>> Try Chronoscope 2 now

>> Check the Operations Guide to learn to fly through space and time

Software- and Interaction Design

Along the concept and development process usability and interaction design have been a major objective. Each interactive element went through several iterations, and it was evaluated if it provides sufficient value and delight to the user. The qualities are:

high precision
Several 100s of control points have been specified to stretch and bend the 7 maps until they match the actual topology.
high performance
Background map and satellite images are provided by mapbox tiles server.
Historical maps with 2MB each and sufficient quality level are cached by the browser
Navigation constraints to North Germany, i.e. it is possible to zoom out to see the North and East Sea for the regional context; but the user never gets lost in the middle of nowhere.
no known severe bugs
clean layout and user interface
Two groups of controls are offered on the top and right border of the window or screen.
The first groups is for selecting the year and the transparency settings.
The second group is for controlling the view, i.e. zoom, north, geo-location, and satellite background
An additional welcome page provides some background info on the maps.
Emotional anchor elements like Hein & Fiete and Victoria
responsive design
The first control group is moved to the bottom edge of the screen in order to prevent covering the screen with the hand.
discoverable and predictable additional features
Mouse and keyboard control to move, zoom, rotate, tilt, and select year and transparency
A time pendulum to compare past and present with ease
An individual home position for each map
A chrono cursor can be set on any location. The view parameters can be shared by a secret Victoria popup panel.

contextual and innovative gesture controls

The compass is only active on mobile devices a few moments after the user has geo-located herself.
Long touch and tilting the mobile device is introduced to change the angle of the map pane.

According to Bill Verplank each user interface is either plan or map. A plan UI provides instructions to accomplish a certain task, while a map user interface shows the entire landscape (metaphor!) and leaves it up to the user to form a mental model and make her steps. Another example: for desktop applications, the menu structure is a map user interface that presents all possible commands – on the other hand a wizard is a plan UI because the user is guided to take the commands in a predefined order. Both flavours of UI are valid approaches for certain scenarios. But they provoke a different kind of user experience.

The Chronoscope has a map user interface – metaphor and visual design are hard to distinguish. But just imagine the historical maps combined with a story-telling approach. Then the user is entertained with historical facts and gossip; but she is less engaged to control the parameters of the time machine.

Speaking with Marshall McLuhan, the Chronoscope is a cold medium – cold like in cool jazz. The user has to complement and complete the experience with her own perspective and emotions.

Another dichotomy is lean back vs. lean forward. You lean back to watch TV, a hot medium. You lean forward to read a book, a cold medium. A cold (lean forward) medium is generally more immersive than a hot medium because the degree of active participation is higher.

By design the Chronoscope should be a cold medium that is engaging and offers a lean forward experience. The user constructs the story by using the time machine to see how her neighborhood has changed over time. This personal relationship between the user and the tool is the precious quality of the design.

A Time-Traveler’s Society

A sketch with out a social life is not a sketch – Bill Buxton

An app with out a social life is not an app. With out users or a community it can be considered a nice prototype, at most. Therefore a hashtag chronohh was established right from the beginning to share updates on the development. In March 2017 a facebook page was launched; and since mid of April 2017 the Chronoscope is accompanied by a a mini-blog on tumblr Chrono Hamburg and it’s alter ego ChronoHH on twitter. However, the objectives and goals have to be adjusted for a successful social media strategy. While the Chonoscope itself offers a self paced exploration, the social media channels have to continuously offer fresh content. This is done by sharing and retweeting content of other eCulture or historical Hamburg sites [cf. Chrono Hamburg Archive]; and it requires an active community managements. After a month twitter has gained 100 followers, while facebook falls behind with 50 Likes after the first 2 months of being.

An open source, open data, or openGLAM repository with out a social life is just dead bits and bytes. – mprove

Chronoscope as a Service – Chronoscope as an Ecosystem

An active ecosystem of people and projects is mandatory for a sustainable preservation of openGLAM artifacts. The following three scenarios show how the Chronoscope becomes a reliable tool.

The Chronoscope Hamburg is the only map service that offers a link between google maps, google Streetview, Microsoft bing, OpenStreetMap, Apple Maps and Hamburg’s geoportal with vintage plot maps (Vermessungskarten). Each map service has certain advantages in the level of information it displays; but until now it was quite difficult to use all of them for an orchestrated research project. In this situation Chronoscope can be used as a hub to mark the location and view parameters and then jump to one of the other map services for further research.
This feature turned out to be extremeley useful during the research phase of Dransfeld Reloaded to retrieve spacial info on buildings that have not been properly identified by Staatsbibliothek Hamburg.
The Chronoscope is also used as a research tool by the eFoto Hamburg project.

ChronoLinks can be used to share specific locations and perspectives with friends right from the beginning. Their presistency make it possible to store them and to use them as hyperlinks to provide historical geo information; e.g. Hamburg residents from English High Court of Admiralty records in the 1650s.

The idea to use the Chronoscope as a plugin on another website came up during the conference Sharing is Caring Hamburg Extension – thanks to _samanthalutz. However, due to administrative issues the plugin never made it to the conference website. But the new features turned out to be useful for several other use cases. The project Dransfeld Reloaded presents 1.300 architecture photos from the 1920s grouped by building. Each building can be located on the Chonoscope map of 1937, and in this situation the plugin provides the geo context for the building; see for instance the Fritz Schumacher’s Ziviljustizgebäude.

The October 2017 update of the Chrono API added the ability to remote control the map. This is used to show the location of several buildings and monuments in the Stadtpark Hamburg.

The third level of integration is a live update in lightbox mode for the project Hamburg 1883 Koppmann Reloaded. Here each image is geo-tagged with a ChronoLink in its description. The info is parsed and used to update the plugin with the Chronoscope. The photos are sorted along a hypothetical walk through the area; hence it creates the illusion of a continuous flight from photo to photo. This supports the understanding and orientation of the visiting user on the virtual time travel through a district that does not exist in this form anymore.

The more projects that make use of the Chronoscope, the stronger is the demand to keep it up and running for the future and under more devices and use cases.

Don't build silos with #openglam data – build #eculture platforms!

What the hack? – Some Reflective Thoughts

What the heck are reasons to participate in a hackathon; in specific in Coding Da Vinci Nord? Spending hours and days for no incentive? – stimulating the intrinsic motivation is key. Here is a subjective list:




online community accross teams was not existing
recommendation: set up the communicaiton channels before the event and promote them right from the beginning
surprising announcement to freeze and submit the final project a week before the closing ceremony
recommendation: clear and early announcement of hackathon’s timeline
missing recognition for participating teams that were not lucky to be awarded
recommendation: prepare a symbolic present to thank everybody
the GLAMs were not prepared to take action on feedback and scientific results. (in other words, crowdsourcing was not expected) e.g.:
the photo documentation of the event does not capture the spirit of the events
recommendation: hire a professional photographer
public awareness and press coverage was hardly existing


Galleries Libraries Archives Museums

Feedback – please leave a message

PSoemers: One example of the great value of OpenGLAM - and a very fit-for-purpose at sharecarex in Hamburg! See you soon!

comments powered by Disqus

à propos