Skip to main content

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!