Home | AJAX Demos | HTML5 & JavaScript Demos | AJAX Graphics Server | Products

GLG Graphics Server: AJAX Real-Time Graph Demo

Update Interval:
Loading Image...

JSP Servlet Source Code        ASP.NET Handler Source Code        Dynamic Image URL

This AJAX demo demonstrates the thin-client server-side solution for displaying dynamic real-time graphics on a web page using the GLG Graphics Server. It is browser independent and may be used on any embedded or mobile device.

The GLG Graphics Server is deployed on the server with either JSP or ASP.NET. The client side uses industry-standard HTML and JavaScript (including HTML5).

The demo displays a dynamic graph that is updated with a real-time data using a JavaScript timer.

The graph image of the requested size is generated on the server side using the GLG Graphics Server in the form of a JSP Servlet or an ASP.NET Handler. The size of the graph image is specified using the width and height parameters of the URL. Click here to display the graph's URL directly to see its parameters.

The graph Servlet or Handler used by the demo is written in a generic way and may be used to display various types of graphs by using the graph_type URL parameter. The same image URL may be used as a component in multiple web pages. For example, the AJAX Dashboard Demo uses the URL to render an instance of this graph in a larger dashboard. JSP Servlet and ASP.NET Handler source code is provided and may be further customized if required.

The data displayed in the graph is supplied by the Servlet or Handler from a data source on the server side. The "Label:" entry field demonstrates how to supply Servlet or Handler parameters for the graph from HTML.

The demo uses a few pre-built graphs from the graph palette provided with the 2D Graphs widget set. The GLG Graphics Builder may be used to customize the graphs' drawings, as well as add custom labels and annotations to the graph.

The graph Servlet or Handler loads graph drawings only once and reuses them between all Servlet or Handler instances and threads for increased performance.

Home | AJAX Demos | HTML5 & JavaScript Demos | AJAX Graphics Server | Products