Demos
This page links through to various pages (currently, all on systo.org) which demonstrate ways in which the Systo toolkit can be used.
Please note that currently (Sept 2013) all the examples are highly experimental, and liable to change. Also, they have only been checked using Chrome, so their appearance in other browsers is not known.
The pages are pretty basic. For example, they do not include a 'Systo' header, or navigation links for the Systo site. This is deliberate, so that you can focus on the Systo content of the page. If you are interested in making your own Systo web page, then you should be able to use these pages as a starting point (do "View source" to see the underlying HTML), and then customise and embelish them with your own HTML.
| Name | Description | Systo features |
|---|---|---|
| Miniworld | A very simple (3 stock) model of global population, pollution and production capacity | Example of a web page for a specific model, using the system_dynamics diagramming language. Shows diagram, sliders and plots of results. |
| Test1 | A mixture of models, languages and widgets | Show that you can have: - more than one diagram for a particular model; - more than one model of the same language (System Dynamics); and - more than one diagramming language (system_dynamics and wcs_conceptual_modelling) open in the same page at the same time. |
| Lintul | An example of a simple but scietntifically-based crop growth model. | Example of a web page for a specific model, using the system_dynamics diagramming language. Shows diagram, sliders and plots of results. |
| Glycolysis | A model of the glycolysis reaction pathway, using the biological_pathway diagramming language. | Currently, diagram only (i.e. the model is not runnable - yet). |
| Automatic layout of model diagram | A demo of a prototype widget for automatically layout a model diagram. | This is demonstrated with an existing (hand-drawn) model diagram, for the Miniworld model. In future, it's main use will be to generate a model diagram for models expressed in text form, e.g. a System Dynamics model expressed only as a set of equations. |
| Wonderland | "Wonderland is an integrated mathematical model used for studying phenomena in sustainable development. First introduced by (Sanderson 1994), there are now several related versions of the model in use. Wonderland allows economists, policy analysts and environmentalist to study the interactions between the economic, demographic and anthropogenic sectors of an idealized world, thereby enabling them to obtain insights transferable to the real world." (from Wikipedia article) | Demonstrates a medium-complexity model. Basic plotting and controls. Note: the re-implementation of this model from Tom Fiddaman's version on MetaSD has not been checked! |
| Two-species disease model | Model prepared for the annual conference of the UK Chapter of the System Dynamics Society 26-27th March 2015. | Demonstrates a medium-complexity model. Basic plotting and controls. |
| Import a Vensim, Insight Maker or XMILE model into Systo | A demo of a prototype widget for importing a model in another format (Vensim, Insight Maker or XMILE) into Systo. Note that this is highly experimental. It works for the test case included on this page, but has not been tested with any other Vensim model. In any case, it will (in its current form) work only for basic System Dynamics models (no arrays, lookups, etc). | This demonstrates the use of a widget for convering a model from one form to another (rather than merely displaying a Systo-represented model or the simulation results). There will eventually be many such widgets, probably bundled into a over-arching "model import/export" widget. |
| Animating cartoon images with model values (highly experimental) |
This links the values resulting from a simulation run of a simple 4-tank cascade model to attributes (the size, in this case) of cartoon symbols on a landscape. | I took 3 images from the UMCES "Integration and Analysis Network" (IAN) symbol library. One is a highly simplified landscape (an estuary). The others are cartoon-style images of a pig and a wolf respectively. Move the sliders, and see how the size of the two symbols change, reflecting the final value of the "tank3" and "tank4" stocks! |
| Page layout designer (highly experimental) |
Intended for live demos by the Systo author! No instructions provided! Use at your own risk! Enables you to place widgets in a workspace, then resize them, move them around, etc. |
|
| Systo WYSIWYG editor (highly experimenatl) |
Intended for live demos by the Systo author! No instructions provided! Use at your own risk! Provides a conventional WYSIWYG editor, withthe added extra of being able to insert live Systo widgets in the page, just ike inserting an image in a conventional WYSIWYG editor. |