Cílem zadané práce je prostudovat vybrané knihovny pro práci s grafy za pomocí programovacího jazyku JavaScript. V teoretické části zadání jsou popsány základní vlastnosti těchto knihoven, kde jsou vyzdviženy jejich funkce pro vykreslování a práce s nimi. Dále v této časti, jsou popsány grafy, které budou reprezentovat výstup práce. Následně je vytvořena analýza porovnání popsaných knihoven. Dle nejlépe dostupných informací a porovnání knihoven bude na tomto základě vybrána nejvhodnější a použita v praktické části. Výstupem práce bude webové rozhraní v HTML pro vizualizaci signálů v zobrazující podobě grafů.
Anotace v angličtině
The aim of thesis is to study selected libraries for working with graphs using the JavaScript programming language. In the theoretical part, the basic features of these libraries are described, where their functions for rendering and working with them are highlighted. Further, in this section, charts are described that will represent the output of the work. Next step is comparison analysis of the described libraries. According to the best available information and comparison of libraries, this will be the most appropriate and used in the practical part. The output of the work will be web interface in HTML for visualization of signals in graphical form.
Klíčová slova
JavaScript, knihovna, graf, vizualizace, HTML
Klíčová slova v angličtině
JavaScript, library, visualization, HTML
Rozsah průvodní práce
58
Jazyk
CZ
Anotace
Cílem zadané práce je prostudovat vybrané knihovny pro práci s grafy za pomocí programovacího jazyku JavaScript. V teoretické části zadání jsou popsány základní vlastnosti těchto knihoven, kde jsou vyzdviženy jejich funkce pro vykreslování a práce s nimi. Dále v této časti, jsou popsány grafy, které budou reprezentovat výstup práce. Následně je vytvořena analýza porovnání popsaných knihoven. Dle nejlépe dostupných informací a porovnání knihoven bude na tomto základě vybrána nejvhodnější a použita v praktické části. Výstupem práce bude webové rozhraní v HTML pro vizualizaci signálů v zobrazující podobě grafů.
Anotace v angličtině
The aim of thesis is to study selected libraries for working with graphs using the JavaScript programming language. In the theoretical part, the basic features of these libraries are described, where their functions for rendering and working with them are highlighted. Further, in this section, charts are described that will represent the output of the work. Next step is comparison analysis of the described libraries. According to the best available information and comparison of libraries, this will be the most appropriate and used in the practical part. The output of the work will be web interface in HTML for visualization of signals in graphical form.
Klíčová slova
JavaScript, knihovna, graf, vizualizace, HTML
Klíčová slova v angličtině
JavaScript, library, visualization, HTML
Zásady pro vypracování
Popište základní typy grafů, které jsou vhodné pro vizualizaci signálů.
Seznamte se s existujícími knihovnami v JavaScriptu, užívanými pro vykreslování grafů.
S ohledem na reálná data a požadavky na vizualizaci signálů proveďte analýzu a porovnání vybraných knihoven.
Vytvořte vizuální webové aplikace založené na vybraných knihovnách, které budou splňovat požadavky stanovené s ohledem na použití v průmyslové praxi.
Zdrojové kódy aplikace doplňte podrobným a srozumitelným komentářem tak, aby se daly v budoucnu snadno upravovat nebo rozšiřovat.
Zásady pro vypracování
Popište základní typy grafů, které jsou vhodné pro vizualizaci signálů.
Seznamte se s existujícími knihovnami v JavaScriptu, užívanými pro vykreslování grafů.
S ohledem na reálná data a požadavky na vizualizaci signálů proveďte analýzu a porovnání vybraných knihoven.
Vytvořte vizuální webové aplikace založené na vybraných knihovnách, které budou splňovat požadavky stanovené s ohledem na použití v průmyslové praxi.
Zdrojové kódy aplikace doplňte podrobným a srozumitelným komentářem tak, aby se daly v budoucnu snadno upravovat nebo rozšiřovat.
Seznam doporučené literatury
SUEHRING, Steve. JavaScript: krok za krokem. Brno: Computer Press, 2008. Krok za krokem (Computer Press). ISBN 978-80-251-2241-9.
FLANAGAN, David. JavaScript: kompletní průvodce. 2. aktualiz. vyd. Praha: Computer Press, 2002. Všechny cesty k informacím. ISBN 80-722-6626-8.
Tvorba efektivních grafů: Doporučení pro diplomovou práci \matsymb{lbrack}online\matsymb{rbrack}. Brno \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: http://is.muni.cz/th/362075/ff_m/tvorba-efektivnich-grafu.pdf. Masarykova univerzita.
BOSTOCK, Mike. D3.js: Data-Driven Documents. Data Driven Documents: JavaScript Library \matsymb{lbrack}online\matsymb{rbrack}. 2015 \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: https://d3js.org/
JQuery. CÁPKA, David. IT Network \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: http://www.itnetwork.cz/javascript/jquery-zaklady
Seznam doporučené literatury
SUEHRING, Steve. JavaScript: krok za krokem. Brno: Computer Press, 2008. Krok za krokem (Computer Press). ISBN 978-80-251-2241-9.
FLANAGAN, David. JavaScript: kompletní průvodce. 2. aktualiz. vyd. Praha: Computer Press, 2002. Všechny cesty k informacím. ISBN 80-722-6626-8.
Tvorba efektivních grafů: Doporučení pro diplomovou práci \matsymb{lbrack}online\matsymb{rbrack}. Brno \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: http://is.muni.cz/th/362075/ff_m/tvorba-efektivnich-grafu.pdf. Masarykova univerzita.
BOSTOCK, Mike. D3.js: Data-Driven Documents. Data Driven Documents: JavaScript Library \matsymb{lbrack}online\matsymb{rbrack}. 2015 \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: https://d3js.org/
JQuery. CÁPKA, David. IT Network \matsymb{lbrack}online\matsymb{rbrack}. \matsymb{lbrack}cit. 2017-01-05\matsymb{rbrack}. Dostupné z: http://www.itnetwork.cz/javascript/jquery-zaklady
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student seznámil komisi s výslednou aplikací.
Dotazy oponenta byly zodpovězeny s drobnými výhradami.
Dotazy komise:
dr. Šilhavý Radek: Co je to bin histogramu?
doc. Úředníček: Musí být Vaše data ze souboru nebo jsou to reálná data?
doc. Úředníček: Je lineární interpolování Vašich dat jediné možné řešení?
Student zodpověděl dotazy odpovídajícím způsobem.