HTModL sample models

HTModL is valid HTML repurposed for modeling and app (web application) development, rather than HTML in its traditional role as markup.

HTModL - Modeling logical structure

These examples focus on the logical structure of web applications. Most use a small set of CSS styles to make the structure visible.

HTModL - Visualizing logical structure

These examples focus on alternative visualizations. The intent is to have a number of standard ways of visualizing any models that adhere to the HTModL specification.

HTModL - Visualizing logical structure using jQuery UI

These examples focus on visualization using the jQuery UI.

HTModL - Using HTML5 features

These examples demonstrate how HTModL can be used with HTML5.

HTModL - Using other graphics libraries

These examples demonstrate how HTModL can be used with alternative graphics libraries.

native SVG (won't work in IE6/7/8)

Processing.js using JavaScript syntax (won't work in IE6/7/8)

Processing.js using Processing syntax (won't work in IE6/7/8)

HTModL - Using other jQuery plugins

These examples demonstrate how HTModL can be used with other jQuery plugins.

HTModL - Using the Java virtual machine

These examples demonstrate how HTModL can be used with the Java virtual machine.

Many of the demos on this page are named after bright stars.

Some of these demos are named after moons of Saturn.

Some are named after moons of Jupiter.