Tato práce se věnuje tvorbě webové aplikace pro vizualizaci dat s využitím JavaScriptu. Klientská část je implementována ve frameworku Angular, od společnosti Google, a serverová část je realizována v PHP. Práce porovnává existující možnosti vizualizace dat v oblasti webových technologií a zabývá se srovnáním nejpoužívanějších JavaScriptových frameworků a knihoven Angular, React a jQuery. Tyto technologie jsou porovnávány jak z hlediska náročnosti implementace, tak z pohledu výkonnosti. Práce mimo jiné obsahuje i návod na konverzi pluginu ze starší knihovny jQuery do novějšího Angularu.
Annotation in English
This thesis is focused on creating web applications for data visualization using JavaScript. The client side is implemented in the Angular framework, by Google. The server side is implemented in PHP. This thesis compares methods of data visualization on the Web and discuss the most popular JavaScript frameworks and libraries like Angular, React and jQuery. These technologies are compared with difficulty and performance. This thesis also includes the instructions for converting plugin from older library jQuery to newer framework Angular.
data visualization, JavaScript, jQuery, React, Angular
Length of the covering note
75
Language
CZ
Annotation
Tato práce se věnuje tvorbě webové aplikace pro vizualizaci dat s využitím JavaScriptu. Klientská část je implementována ve frameworku Angular, od společnosti Google, a serverová část je realizována v PHP. Práce porovnává existující možnosti vizualizace dat v oblasti webových technologií a zabývá se srovnáním nejpoužívanějších JavaScriptových frameworků a knihoven Angular, React a jQuery. Tyto technologie jsou porovnávány jak z hlediska náročnosti implementace, tak z pohledu výkonnosti. Práce mimo jiné obsahuje i návod na konverzi pluginu ze starší knihovny jQuery do novějšího Angularu.
Annotation in English
This thesis is focused on creating web applications for data visualization using JavaScript. The client side is implemented in the Angular framework, by Google. The server side is implemented in PHP. This thesis compares methods of data visualization on the Web and discuss the most popular JavaScript frameworks and libraries like Angular, React and jQuery. These technologies are compared with difficulty and performance. This thesis also includes the instructions for converting plugin from older library jQuery to newer framework Angular.
data visualization, JavaScript, jQuery, React, Angular
Research Plan
Seznamte se s technologií AngularJS a problematikou vizualizace dat s využitím JavaScriptu.
Proveďte rešerši existujících pluginů pro technologii AngularJS sloužící k vizualizaci dat.
Navrhněte aplikaci, která umožní zobrazit základní typy grafů - spojnicový, sloupcový, výsečový a další dle potřeby. Aplikace se bude skládat ze samostatných a znovupoužitelných modulů. Jako zdroj dat pro vizualizaci je možné využít
veřejné API nebo vlastní server v Php + MySql.
Naprogramujte navržené řešení a ověřte jeho funkčnost na dostatečně široké třídě testovacích dat.
Zhodnoťte klady, zápory a omezení realizované aplikace.
Research Plan
Seznamte se s technologií AngularJS a problematikou vizualizace dat s využitím JavaScriptu.
Proveďte rešerši existujících pluginů pro technologii AngularJS sloužící k vizualizaci dat.
Navrhněte aplikaci, která umožní zobrazit základní typy grafů - spojnicový, sloupcový, výsečový a další dle potřeby. Aplikace se bude skládat ze samostatných a znovupoužitelných modulů. Jako zdroj dat pro vizualizaci je možné využít
veřejné API nebo vlastní server v Php + MySql.
Naprogramujte navržené řešení a ověřte jeho funkčnost na dostatečně široké třídě testovacích dat.
Zhodnoťte klady, zápory a omezení realizované aplikace.
