Skip to main content
Version: 4.1

Quickstart

Welcome to JointJS!

This guide will get you started quickly with the most important concepts of JointJS. You will create your first diagramming app in minutes:

Open on CodeSandboxOpen Sandbox

You will learn how to:

  1. Install JointJS so that you can use it in your application.
  2. Create a paper into which your diagram will be rendered.
  3. Add first elements to your diagram and style them as you need.
  4. Connect your elements with a link and give it a label.
  5. Add an element palette from which your users may drag and drop.
  6. Add an editing overlay to the Elements and Links in your diagram.
  7. Add a toolbar to let the user interact with the diagram.
  8. Enable zooming and panning in your diagram.
  9. Add a property editor so that your users can interact with element data.

Let's dive right in!