Main /


A Canvas is the work area where all media is rendered.
Objects may be drawn inside, be it content, data, media or interactions.

When building websites, a common structure is a page with a search bar, a banner menu, a sidebar and a content area (orange). Such content area is a typical canvas, though the other components can be drawn using a Page with several separated canvas objects.

The canvas concept helps to concentrate visually on the content and interactions, while the page is assembled and glued together in the final stage. There is no worry about the consistency of the page as a whole.
Using a canvas encapsulates the content. Distinguished canvas objects can be designed and worked out in an independent way. There is an analogy with the familiar concept document:

In HTML5 exists an element canvas, too. Though similar, it is not intended to be the same.
Working with a canvas means to load data into it and align that in a certain layout. Optionally extract some metadata from its structure and render it finally as a whole, consistent box (or block) within the resulting page. Boxary allows for the definition of a graph to retrieve from a database along with the criteria that go into the SQL interface. Boxary computes the SQL and transforms the retrieved records or rows, tables and columns into a 6NF (sixth normal form).

Boxary distinguishes between graphs (vertices and edges), faces (graphical interfaces), templets and templates, has and uses a Lexicon for Attributes, Properties and Autotags, organized in Slots (and Templets).

Boxary accesses stored data in a given-when-then pattern and is able to apply Semantics while traversing the graph.

Boxary is not restricted to a single Canvas, and every Canvas has a distinct context (compare nameSpace).