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ů.
Annotation in English
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.
Keywords
JavaScript, knihovna, graf, vizualizace, HTML
Keywords in English
JavaScript, library, visualization, HTML
Length of the covering note
58
Language
CZ
Annotation
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ů.
Annotation in English
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.
Keywords
JavaScript, knihovna, graf, vizualizace, HTML
Keywords in English
JavaScript, library, visualization, HTML
Research Plan
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.
Research Plan
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.
Recommended resources
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
Recommended resources
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
