Data Visualisation

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.

Programmed Design II

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


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.


After sorting the data and converting it to code, I chose most 3 important categories that I wanted to visualize, the first category shows if the event was disastrous or not, the second category shows if the event had fatalities or slightly injured passengers, the third category shows the aircraft's condition. One rectangle stands for one event. My idea was to use color as an indicator of the events that were disastrous or unimportant. I chose the color red since it normally represents aggression, violence, and war. For the better cases, I chose either a lighter red or just blue, since blue represents stability, calmness, and sensitivity.

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).