Diagram basics

JointJS diagrams are built using several JointJS objects - all JointJS applications need to have a Graph and a Paper. The graph contains a reference to all contents of your diagram, while the paper is responsible for rendering the graph.

Graph

Graph is a model that represents a collection of shapes. It is a core JointJS object that provides the foundation for building diagrams.

Paper

Paper is the view where graph model is rendered. It provides a variety of features for working with shapes views.

Events

JointJS provides multiple events for reacting to user interactions with the diagram. These events can be used to trigger custom actions, such as updating the diagram or displaying additional information.