HTML5 Canvas Vector Graphics: Editor And JavaScript Library

Generic Logic, Inc.

GLG Toolkit, Web Edition: JavaScript / React / Angular / Next.js

• Graphics Builder - a vector graphics editor to create visualization displays, define dynamic behavior and attach data sources for animation.

• JavaScript / React / Angular / Next.js Library for Web and Mobile Deployment

• Dials, Meters, Gauges and Real-Time Chart components

• GIS Map Server component

• Additional libraries for Cross-Platform Desktop Deployment:

  • C/C++ DLLs for Windows and Linux

  • C# User Control and Class Library for .NET

  • ActiveX Control for .NET

  • Java Class Library

Features & Benefits

The Web Edition of the GLG Toolkit makes it possible to create dynamic graphical pages in a point and click graphical editor, and deploy them in pure HTML5 JavaScript on the Web and Mobile devices using HTML5 canvas.

With the Toolkit, dynamic graphical pages are created in an interactive Graphics Builder without a need to code the graphics by hand. Predefined widgets (dials, meters, gauges, etc.) are also available. The pages are deployed on the web using a JavaScript / React / Angular library and animated with live data.

The GLG Graphics Server for either ASP.NET or JSP is also available for an alternative server-side web deployment. For conventional desktop applications, both the C/C++, C# and Java editions of the Toolkit are also provided.

Point and Click HMI Editor

The Web Edition of the GLG Toolkit includes the GLG Graphics Builder - a graphical editor with point and click interface for creating dynamic graphical pages, from simple dashboards to elaborate visual simulations. With the Graphics Builder, developers can create elaborate screens containing custom graphical objects with an application-defined dynamic behavior that can be animated with real-time data. A number of pre-built components and palettes are available for use as building blocks in the Builder, including dials and meters, charts and a GIS Map component.

GLG drawings use vector graphics and are resolution-independent, which makes it possible to deploy them on a wide range of displays - from large monitors to mobile devices. Drawings created with the Builder can be reused between all deployment platforms - C/C++, C#, Java, JavaScript / React / Angular / Next.js, for both desktop, Web and Mobile deployment.

Web / Mobile Deployment with Client-Side JavaScript

The GLG JavaScript / React / Angular / Next.js Library is used to deploy dynamic graphical screens on a web page in a browser, on any desktop or mobile device. The library provides an API to load and display drawings created with the Graphics Builder, animate them with real-time data and handle user interaction.

The library uses HTML5 canvas to render graphics and supports all major browsers: Chrome, Firefox, Edge and Safari, as well as mobile browsers. Since the rendering is performed by the browser on the client side, the server load is reduced, making it possible to use low-end embedded web servers for hosting a web application.

The GLG JavaScript / React / Angular / Next.js Library implements full GLG run-time functionality present in the GLG C/C++, C# and Java libraries, allowing the same graphical page and programming logic to be shared between the desktop, web and mobile versions of an application.

Alternative Web / Mobile Deployment with AJAX and Server-Side Graphics Server

The GLG Graphics Server can be used for an alternative server-side deployment on an application server. The Graphics Server takes care of generating dynamic images of the dashboards and updating them with the real-time data. The Graphics Server uses the same C# or Java API as the corresponding desktop applications, making it possible to reuse the existing application code and quickly deploy the application on the web with ASP.NET or JSP with minimal changes.

Related Links

Visit Website for More Information

Run Online Demos

Download Free Community Edition

Documentation

Product Screenshots

Click on Images to Run Online Demos

[email protected] | www.genlogic.com | 1-413-253-7491