Cílem této práce je tvorba nástroje pro vizualizaci časových řad,
respektive zpracování csv souborů obsahující data, která se měnila
v čase, a přehledně je zobrazovat. Jako řešení byla vytvořena webová
aplikace, postavená na Javascriptu, využívající hlavně knihovnu
D3.js. Pro účely práce byla vytvořena i serverová backend aplikace,
využívající prostředí Node.js, k usnadnění manipulace s daty
a možnosti uchovávat dlouhodobě data v databázi. Celá aplikace
tak poskytuje jednoduché, ale efektivní nástroje pro manipulaci
s daty, jejich zobrazování do grafů, a také nástroje pro práci s grafy
samotnými, které v konkurenčních řešení mnohdy chybí.
Anotace v angličtině
Goal of this project is to create a tool that visualizes time series
data, or more accurately a tool that processes csv files containing
data that has changed over time, and show them clearly to a user.
Whole web application was made as a solution. This web application
is built on JavaScript and mainly uses D3.js library. For
needs of this project backend server application was made, so data
manipulation is easier and so whole project can store data in long
term database. Whole application then provides easy yet effective
tools to manipulate data, display them in plots and it also provides
tools that work with plots themself, that are mostly missing in
competition's solutions.
Klíčová slova
vizualizace, časových řad, data, v čase, webová
aplikace, D3.js, Node.js, csv, server
Klíčová slova v angličtině
visualization, time series, data, web, application,
D3.js, Node.js, csv, server
Rozsah průvodní práce
61 s. (89 500 znaků)
Jazyk
CZ
Anotace
Cílem této práce je tvorba nástroje pro vizualizaci časových řad,
respektive zpracování csv souborů obsahující data, která se měnila
v čase, a přehledně je zobrazovat. Jako řešení byla vytvořena webová
aplikace, postavená na Javascriptu, využívající hlavně knihovnu
D3.js. Pro účely práce byla vytvořena i serverová backend aplikace,
využívající prostředí Node.js, k usnadnění manipulace s daty
a možnosti uchovávat dlouhodobě data v databázi. Celá aplikace
tak poskytuje jednoduché, ale efektivní nástroje pro manipulaci
s daty, jejich zobrazování do grafů, a také nástroje pro práci s grafy
samotnými, které v konkurenčních řešení mnohdy chybí.
Anotace v angličtině
Goal of this project is to create a tool that visualizes time series
data, or more accurately a tool that processes csv files containing
data that has changed over time, and show them clearly to a user.
Whole web application was made as a solution. This web application
is built on JavaScript and mainly uses D3.js library. For
needs of this project backend server application was made, so data
manipulation is easier and so whole project can store data in long
term database. Whole application then provides easy yet effective
tools to manipulate data, display them in plots and it also provides
tools that work with plots themself, that are mostly missing in
competition's solutions.
Klíčová slova
vizualizace, časových řad, data, v čase, webová
aplikace, D3.js, Node.js, csv, server
Klíčová slova v angličtině
visualization, time series, data, web, application,
D3.js, Node.js, csv, server
Zásady pro vypracování
Seznamte se s problematikou vizualizace časových řad a s tvorbou interaktivních webových uživatelských rozhraní.
Navrhněte webovou aplikaci pro vizualizaci časových řad s možností aplikace vybraných filtrů a dalších funkcí. Při návrhu se zaměřte na snadnou rozšiřitelnost funkcí a rychlost zpracování větších datových sad.
Návrh prakticky implementujte, kód přehledně zdokumentujte a pokryjte testy tak, aby byl dobrý předpoklad pro jeho další využití a rozšiřitelnost.
Zásady pro vypracování
Seznamte se s problematikou vizualizace časových řad a s tvorbou interaktivních webových uživatelských rozhraní.
Navrhněte webovou aplikaci pro vizualizaci časových řad s možností aplikace vybraných filtrů a dalších funkcí. Při návrhu se zaměřte na snadnou rozšiřitelnost funkcí a rychlost zpracování větších datových sad.
Návrh prakticky implementujte, kód přehledně zdokumentujte a pokryjte testy tak, aby byl dobrý předpoklad pro jeho další využití a rozšiřitelnost.
Seznam doporučené literatury
[1] MDN JavaScript [online]. Mozilla foundation [cit. 2020-10-06]. Dostupné z: https://developer.mozilla.org/en-US/docs/Web/JavaScript.
[2] DALE, Kyran. Data visualization with Python and JavaScript. Beijing: O'Reilly, 2016. ISBN 978-1491920510.