Cílem této práce je navrhnout JavaScriptové komponenty, které zapouzdří vybranou technologii pro práci s grafy ve webovém prostředí. V teoretické části práce jsou popdrobně popsány existující knihovny určené pro vizualizaci dat a porovnány jejich vlastnosti. Součástí teoretické práce je také srovnání dostupných technologií pro tvorbu vizualizací a detailní popis možností a zavedených postupů v této oblasti. Obsahem praktické části je návrh a vlastní implementace komplexní knihovny pro vizualizaci dat, která zapouzdří vybrané technologie a umožní jejich snadnou integraci do webových informačních systémů. Návrh a veškerá realizace je provedena s ohledem na použití výstupu pro reálné technologie a data z oblasti monitorování dopravy.
Annotation in English
The aim of this thesis is to propose JavaScripts components which covers the technology of using charts in web environment. In theoretical part are described already existing libraries, which are designated for data visualization. Moreover, comparison of available technologies for visualization creating, and description its own options in this area, are listed. Practical part deals with design and own implementation of created library for visualization which covers selected technologies. The result provides easy integration into web systems. The main design and realization are done according to the utilization which can be used by real technologies from vehicular traffic area.
data visualization, JavaScript, HTML5, canvas, dashboard
Length of the covering note
69 s. (79 618 znaků)
Language
CZ
Annotation
Cílem této práce je navrhnout JavaScriptové komponenty, které zapouzdří vybranou technologii pro práci s grafy ve webovém prostředí. V teoretické části práce jsou popdrobně popsány existující knihovny určené pro vizualizaci dat a porovnány jejich vlastnosti. Součástí teoretické práce je také srovnání dostupných technologií pro tvorbu vizualizací a detailní popis možností a zavedených postupů v této oblasti. Obsahem praktické části je návrh a vlastní implementace komplexní knihovny pro vizualizaci dat, která zapouzdří vybrané technologie a umožní jejich snadnou integraci do webových informačních systémů. Návrh a veškerá realizace je provedena s ohledem na použití výstupu pro reálné technologie a data z oblasti monitorování dopravy.
Annotation in English
The aim of this thesis is to propose JavaScripts components which covers the technology of using charts in web environment. In theoretical part are described already existing libraries, which are designated for data visualization. Moreover, comparison of available technologies for visualization creating, and description its own options in this area, are listed. Practical part deals with design and own implementation of created library for visualization which covers selected technologies. The result provides easy integration into web systems. The main design and realization are done according to the utilization which can be used by real technologies from vehicular traffic area.
data visualization, JavaScript, HTML5, canvas, dashboard
Research Plan
Prostudujte obecně používané webové knihovny zaměřené na vizualizaci většího množství dat.
Porovnejte vlastnosti těchto knihoven a vyhodnoťte jejich použitelnost.
Navrhněte univerzální webové rozhraní, které zapouzdří vybranou technologii a bude vykreslovat specifické dashboardy na základě vložených dat.
Realizujte navržené rozhraní tak, aby se dalo použít v reálném prostředí s reálnými daty.
K projektu vytvořte podrobnou programátorskou dokumentaci ve formě HTML prezentace.
Research Plan
Prostudujte obecně používané webové knihovny zaměřené na vizualizaci většího množství dat.
Porovnejte vlastnosti těchto knihoven a vyhodnoťte jejich použitelnost.
Navrhněte univerzální webové rozhraní, které zapouzdří vybranou technologii a bude vykreslovat specifické dashboardy na základě vložených dat.
Realizujte navržené rozhraní tak, aby se dalo použít v reálném prostředí s reálnými daty.
K projektu vytvořte podrobnou programátorskou dokumentaci ve formě HTML prezentace.
Recommended resources
LUBBERS, Peter, Brian ALBERS a Frank SALIM. HTML5: programujeme moderní webové aplikace. Vyd. 1. Brno: Computer Press, 2011, 304 s. ISBN 978-80-251-3539-6.
ŽÁRA, Ondřej.JavaScript: programátorské techniky a webové technologie. 1. vydání. Brno: Computer Press, 2015, 180 stran. ISBN 978-80-251-4573-9.
PILGRIM, Mark. HTML5: up and running. 1st ed. Sebastopol, CA: O\symbol{39}Reilly, 2010, xii, 205 p. ISBN 978-0-596-80602-6.
FULTON, Steve a Jeff FULTON.HTML5 canvas. Second edition. Farnham: O\symbol{39}Reilly, 2013, xx, 726 pages. ISBN 14-493-3498-9.
STEFANOV, Stoyan a Kumar Chetan SHARMA.Object-oriented JavaScript. 2nd ed. Birmingham, UK: Packt Publishing, 2013, viii, 363 p. ISBN 9781849693127.
W3C\matsymb{lbrack}online\matsymb{rbrack}. The World Wide Web Consortium \matsymb{lbrack}cit. 2016-01-29\matsymb{rbrack}. Dostupné z: https://www.w3.org/
Recommended resources
LUBBERS, Peter, Brian ALBERS a Frank SALIM. HTML5: programujeme moderní webové aplikace. Vyd. 1. Brno: Computer Press, 2011, 304 s. ISBN 978-80-251-3539-6.
ŽÁRA, Ondřej.JavaScript: programátorské techniky a webové technologie. 1. vydání. Brno: Computer Press, 2015, 180 stran. ISBN 978-80-251-4573-9.
PILGRIM, Mark. HTML5: up and running. 1st ed. Sebastopol, CA: O\symbol{39}Reilly, 2010, xii, 205 p. ISBN 978-0-596-80602-6.
FULTON, Steve a Jeff FULTON.HTML5 canvas. Second edition. Farnham: O\symbol{39}Reilly, 2013, xx, 726 pages. ISBN 14-493-3498-9.
STEFANOV, Stoyan a Kumar Chetan SHARMA.Object-oriented JavaScript. 2nd ed. Birmingham, UK: Packt Publishing, 2013, viii, 363 p. ISBN 9781849693127.
W3C\matsymb{lbrack}online\matsymb{rbrack}. The World Wide Web Consortium \matsymb{lbrack}cit. 2016-01-29\matsymb{rbrack}. Dostupné z: https://www.w3.org/
