Skip to main content


Nodes are rendered either by a template, when using vanilla Toolkit, or they are mapped to a component, if you are using a library integration. Nodes are mapped to a template or component inside a view alongside groups, edges and ports:

template:`<div class="aNode">{{id}}</div>`,
click:function(p) {
alert("You clicked on node " +;
template:`<div class="aNode"><h1>TYPE 1</h1><p>{{id}}</p></div>`

Here, nodes of type type1 have their own mapping to a template, which is in the format discussed on the templating page. Any other node type is mapped to the "default" mapping, which declares a template and also a click listener. The full list of options for a node mapping inside a view can be found in the views documentation.

Further Reading