Nodes and Groups

Nodes

A node represents some entity in your application - examples from the VisuallyJs starter apps are the various actions/questions etc in the flowchart, or a table or view in the schema builder, a step in the chatbot builder, etc. They can be rendered with any HTML you like - for instance, here we have a rendering of the sort of node you might find in a workflow builder application:

Groups

Groups also represent an entity in your application, and they act as a container for zero or more nodes or other groups. A good example of this are the various groups in our network topology builder - a region, or a VPC, etc. Each of these represents an entity in the application which itself contains other nodes and/or groups. On this page we provide an overview of how to render nodes and groups, but groups are covered in more detail on their own page.