This thesis presents the topic of data visualization in web applications using the programming language JavaScript. Main goal of data visualization is to communicate information to the user effectively and clearly through graphical means. Thesis includes an overview of technologies and tools commonly used for developing modern web-based applications. In particular, we take a closer look at SVG (Scalable Vector Graphics) and D3.js, a JavaScript library for manipulating documents. Using the presented technologies and tools we developed a web-based application for graphic and tabular display of data. The application consists of two main components, a query editor, which provides an interface for creating queries, and a graph component that is used to draw different types of graphs. Data between the web application and the server is exchanged asynchronously using AJAX technique. Application components are designed to be modular, meaning that individual components can be used independently.
|