Data Visualisation

HfG Schwäbisch Gmünd | WS 17/18 | Data Visualisation | Lecturer: Hartmut Bohnacker
Hend Hourani

Programmed Design II

One of the most important benefits of visualization is that it allows us visual access to huge amounts of data in easily digestible visuals. Well designed data graphics are usually the simplest and the same time, the most powerful. Simple but powerful data graphics was the purpose of this course, we had to design data graphics for a specific own choice topic, using colors, shapes, and animation only. Using text nor pictogram was allowed. Also, the user should be able to interact with the interface.


First of all my decision for a topic was to visualize all the accidents and incidents involving air crafts that happened in Germany. I first had to find the right resource to get all the data and then sort them out. After sorting them out, the next question was how to visualize accidents and incidents, using shapes, colors and animation.


Graphic elements show relationships, hierarchy, and emphasis visually. They are a crucial part of the prototyping/design process. It makes it easier for the whole team to be organised and work in a more productive way. For this project we had a few graphic elements, for example, the icons we illustrated, so the whole interface has icon-consistency. Aside from that we had to decide which UI elements in particular we are going to use, so it would be uncomplicated and easy for the users to use/understand.

Interaction & Animation

The user can interact with the interface and can choose first of all between two cases, once the selection is made the elements start sorting themselves and gives the user another information about the accident(death cases or slightly injured passengers). Once the user clicks on one of the elements, he then gets another information about the event(condition of aircraft).

Have I caught your interest?
Then feel free to contact me