Apprisant Technologies' diagram components for thin-client JavaServer Faces based web applications display your data graphically in the client browser with diagrams generated dynamically from application data.
The Diagram and the JSF components are generic and can be configured to display many types and styles of diagrams. These demo pages show just a few examples of how a diagram in a thin-client web application can create a rich user experience.
This set of demos uses JavaServer Faces 2.0 with Facelets views and <f:ajax .../> for asynchronous updates.
Click on the links below to run the demos. The demos require JavaScript to run. Follow the source links in the menu bar to view the demos' source files.
Modifiable data models run in Session scope to prevent interference among users. Start a new session to reset the data.
Please note: Firefox on some flavors of Linux may have problems with overlayed images, and Internet Explorer 8 does not show the Facelets source files.
Links to other demos and screenshots:
JSF Demos with JSP views
Swing Demos
Selected Example
Programs
Screenshot of Geo, the
toolkit's design editor
![]() |
Room Schedule Add, modify and delete room bookings on a weekly schedule. |
![]() |
Camp Reservation Select a campsite and reserve or cancel it for one of two dates. |
![]() |
Orgchart Expand and hide subtrees, and view node details in the diagram. |
![]() |
Tree Layout Experiment with the parameters of the toolkit's Tree Layout model. |
![]() |
Bus Trip Select stops on a bus route on a map to get trip times. |
![]() |
Project Create, update and delete projects. Element rollover shows essential project information. |
![]() |
Oilfield Review oilwell details at different zoom levels. |
![]() |
Show Match booth names in a table with their locations in the exhibition hall. |
![]() |
Staff Appointments Create, modify and delete staff appointments, viewed in a resource chart format. |
![]() |
Resource Chart Experiment with the parameters of the toolkit's ResourceChart model. |
![]() |
Camp Detail Click on a campsite to see details and availability information on another page. |
![]() |
CommandDiagram Rendering Explore different rendering models and options for the CommandDiagram. |
![]() |
SelectDiagram Rendering Explore different rendering models and options for the SelectDiagram. |
![]() |
Shared Renderers See the use of shared renderers for selection and rollover graphics. |