Earthquake and Tsunami

Data Visualization, Coding

In this project we had to create an interactive calendar about a favorite topic for which we had to have access to a real database. My goal for these project was to visualize the earthquakes with tsunamis in a reduced way with the help of forms, colors, movements and interactions. In that way the individual elements were able to receive their necessary expressiveness.

2. Semester

Course and professor:
Programming Design
Prof. Hartmut Bohnacker

Programs used:
Adobe Illustrator, WebStorm

Coding languages used:
HTML, CSS, JavaScript, jQuery










Video that is showing a small sequence of my data visualization project with different animation effects.






Kind of a storyboard which shows the sequence for one selected earthquake.






Animation effects for hovering and selecting an earthquake dot.