Interaktivní grafy na webu s využitím HTML5 a SVG
Title Alternative:Interactive graphs on the Web using HTML5 and SVG
Loading...
Date
2012
Authors
Journal Title
Journal ISSN
Volume Title
Publisher
Technická Univerzita v Liberci
Abstract
Cílem diplomové práce je vytvoření webové aplikace, která bude ze zadaných dat generovat jejich grafickou reprezentaci. Tato grafická reprezentace je ve formě SVG obrázku, který je použitelný pro zobrazení na webové stránce. Práce začíná popisem implementace SVG a následným použitím této vytvořené implementace SVG v knihovně, generující běžné druhy grafů. Pro implementaci SVG i knihovnu grafů je použit jazyk PHP. Knihovna byla otestována pomocí vytvořené aplikace, která zároveň slouží jako interaktivní rozšíření knihovny. Aplikace přináší interaktivní formulář sloužící k vytváření a editaci grafů, zároveň také jednoduché rozhraní pro zobrazení grafu na webové stránce. Ve zkušební aplikaci jsou uplatněny prvky HTML5 jako localStorage a nové formulářové prvky nebo technologie AJAX. Při zobrazení grafu na webové stránce jsou také přístupné interaktivní funkce jako bublinová nápověda, která obsahuje podrobnosti o prvcích grafu, procházení grafu po ose x nebo přiblížení vybrané části grafu. Nechybí jednoduchý uživatelský manuál a dokumentace projektu.
The aim of the diploma thesis is to create a web application that will generate graphic representation from given data. This graphical representation is in the form SVG image, which is usable for display on website. The thesis begins with a description of SVG implementation and use of the generated SVG implementation in the library, which generating common types of charts. To implement SVG and library of graphs is used PHP language. The library was tested using created application that serves as an interactive extension of the library. The application brings an interactive form used to creating and editing graphs, while also the simple interface for displaying the graph on the website. In the test application are used HTML5 components as localStorage and new form elements or AJAX technology. When displaying a chart on the website are also accessible interactive functions such as tooltip, which contains details about the elements of a chart and browse after the x axis of the chart or zoom of the selected part chart. There is also a simple user manual and documentation project.
The aim of the diploma thesis is to create a web application that will generate graphic representation from given data. This graphical representation is in the form SVG image, which is usable for display on website. The thesis begins with a description of SVG implementation and use of the generated SVG implementation in the library, which generating common types of charts. To implement SVG and library of graphs is used PHP language. The library was tested using created application that serves as an interactive extension of the library. The application brings an interactive form used to creating and editing graphs, while also the simple interface for displaying the graph on the website. In the test application are used HTML5 components as localStorage and new form elements or AJAX technology. When displaying a chart on the website are also accessible interactive functions such as tooltip, which contains details about the elements of a chart and browse after the x axis of the chart or zoom of the selected part chart. There is also a simple user manual and documentation project.
Description
katedra: NTI; přílohy: 1 CD ROM; rozsah: 53 s.
Subject(s)
html5, svg, grafy, php, ajax, html5, svg, charts, php, ajax