Asterion - frontend vizualizace časových os

Abstract

Tato práce se zabývá vizualizací časových událostí Asterionu na časové osy. Asterion je český fantasy svět pro hraní her na hrdiny, jehož historie je velmi spletitá a vizualizace si dává za cíl zjednodušit orientaci v těchto datech. Cílem práce bylo vytvořit webovou stránku, kde bude snadné získat přehled o sledu událostí pomocí vyhledání klíčového slova a následného zobrazení událostí týkajících se tohoto klíče na časovou osu. Sekundárním cílem práce bylo vytvořit webovou stránku, kde by bylo možné data spravovat. Před samotnou tvorbou webových stránek byla provedena rešerše a analýza aplikací, které se zabývají zobrazením časových os, které napomohly návrhu webové aplikace. Při implementaci byla použita technologie React a pro vykreslení vizualizace knihovna PixiJS. Na závěr bylo provedeno uživatelské testování obou webových stránek.

This work deals with the visualization of time events of Asterion on timelines. Asterion is a Czech fantasy world for role-playing games whose history is very complicated, and the visualization aims to simplify orientation in this data. The work aimed to create a website where it will be easy to get an overview of the sequence of events by searching for a keyword and then displaying events related to this keyword on the timeline. The secondary goal of the work was to create a website where it would be possible to manage the data. Before the creation of the website, a search and an analysis of applications that deal with the visualization of timelines was performed to help design the application. React technology was used during the implementation and the PixiJS library was used to render the visualization. Finally, user testing of both websites was performed.