Introduction

CGUI (SourceForge project CSVGUI) was created by Chris Lewis. Chris Peto has further developed it by adding Schemes and extended the common widgets. Chris Lewis has turned it over to SourceForge with Chris Peto administering the account.


General

CGUI is now distributed under the LGPL. As I understand it, this means that you can use CGUI for whatever you want and your work will remain yours. If you modify/improve the CGUI source, please let me know so that I can add your changes to the toolkit; you will receive credit for your work.

About CGUI

The CGUI toolkit uses an object oriented ECMAScript library to create SVG based Custom GUI elements inside a web browser. These widgets can be embedded in an html document and viewed within the html, or the user can open the SVG document in their web browser and view the SVG directly.

CGUI was implemented with an object oriented hierarchy of primitives to facilitate the addition of new primitives and compound elements. In it's current state the toolkit allows: asynchronous client-server communication; data from the server to be added to the existing SVG document, and data in the GUI to be scaled and translated using controls in the GUI.

A very simple example of the toolkit is in the SVG Open paper "BioViz: Genome Viewer - Development of an SVG GUI for the visualization of genome data". The Genome Viewer described in the paper is available at www.brassica.ca. Note: For either example to work you must have the plugin installed.

Chris Peto - resource-solutions.de - made some excellent extensions to the toolkit as part of his SVG Editor (see Examples below) including: Scroll Bars, and a Drop Down Menu. Chris' extensions are now in the main CGUI distribution. Chris has also been working on interoperability and the current distribution workes on ASV, Opera, and FireFox. For Opera and FireFox the parseXML.js script must also be loaded.


Examples

To view the following examples, the client must have version 3 of the Adobe SVG Plugin installed, though some of the newer examples work with Firefox and Opera native SVG. Note: In IE7 you need to put the domain in "Trusted Sites" to load .svg files directly.

Papers

  • BioViz: Genome Viewer - Development of an SVG GUI for the visualization of genome data (Chris Lewis, ASV)

Applications

Widget Examples (source found in project repository)


Source

Please refer to the project (CSVGUI) depository to get the latest source and examples.


Source API

Here is a preliminary API documentation in HTML form.