Exploring Suleymanname

Interactive Visualization for Image Collection Exploration


Project Description

Exploring Suleymanname is a responsive web application that enables to explore the image collection of Suleymanname manuscript through interactive data visualisation.

The application enables the user to filter the visualization as well as the collection according to the theme of the event, date of the event, and location of the event. It also filters the characters that appear in the illustrations. 

The Süleymannâme (lit. "Book of Suleiman") is an illustration of Suleiman the Magnificents life and achievements. In 65 scenes, the miniature paintings are decorated with gold, depicting battles, receptions, hunts and sieges. Written by Fethullah Arifi Çelebi in Persian verse and illustrated by five unnamed artists, the Süleymannâme was the fifth volume of the first illustrated history of the Ottoman dynasty.


Project Details

  • Role

    Concept, Design, Development
  • Date

    2015-2016
  • Technology

    HTML5, CSS3, Bootstrap, AngularJS

A quick sketch of the mobile interface

A quick sketch of the mobile interface, expanded

Testing buttons for visualization and interaction

Wireframes for the mobile, tablet and desktop

Zooming in for detailed inscpection of the illustration with native-like gesture interface on touch devices.

Zooming in for detailed inscpection of the illustration with native-like gesture interface on touch devices.

On a tablet dislaying the data visualization and filtering system according to the themes locations and dates of the events in the  illustrations.

Multiple filters can be applied to the visualization and collection is filtered accordingly.

Exploring Suleymanname on a 65-inch touch display.

Inspecting the illustration with native touch gestures.

On an iMac displaying the data visualization and filtering system according to the characters in the illustrations

Multiple filters can be applied to the visualization and collection is filtered accordingly.

© 2016 made with <3  by Ferhat Sen. All rights reserved.