Skip to main content
Version: 4.2

What's in the JointJS+ package?

Do you want to explore the JointJS+ package? Read about the files, folders & applications to get started!

Downloading the JointJS+ package

If you have a valid license, download JointJS+ from our license portal. Alternatively, sign up for a free 30-day trial.

Files & FoldersDescription
apps/JointJS+ applications' source code
build/JointJS+ installable packages
CHANGELOGA record of all notable changes in JointJS & JointJS+
LICENSELicense detailing permitted use JointJS+
README.mdInformation about the JointJS+ package

Files & Folders in depth

apps

apps/ contains the source code for JointJS+ applications. Each application contains installation instruction in its respective README.md file.

build

build/ contains a package/ directory that has several files of interest including the JointJS+ installable package joint-plus.tgz.

  • joint-plus.tgz
  • joint.plus.mjs
  • joint-plus.js (UMD format)
  • joint-plus.css (If using the UMD format, include a separate CSS file)

The build/ directory also has package-vsm/, package-visio/ package-bpmn-import/, and package-bpmn-export/ directories that contain their respective files. The installable package files are as follows:

  • joint-vsm-shapes.tgz
  • joint-visio.tgz
  • joint-bpmn-import.tgz
  • joint-bpmn-export.tgz

src

src/ has a packages/ directory that contains the source code for each JointJS+ plugin.

note

This applies to Enterprise customers only.

Apps in the JointJS+ package

JointJS+ comes with various demo apps including their source code. Exploring the apps' source code is the best way to get to know the framework. You can even use the apps as a boilerplate for your own applications, and customize them to your needs.

AppJavaScriptTypeScriptReactAngularVue
KitchenSink

(JS, TS)

(16)

(JS, TS)

Chatbot

𐄂

𐄂

(TS, ReduxTS)

(16)

(TS)

AIAgent (AI Workflow Automation Builder)

𐄂

𐄂

𐄂

Ast (JavaScript AST Visualizer)

𐄂

𐄂

𐄂

BPMNEditor (BPMN Editor)

𐄂

𐄂

𐄂

BPMNPools (Composite BPMN Pool Shapes)

𐄂

𐄂

𐄂

Cables (Custom Wiring Shapes)

𐄂

𐄂

𐄂

Database (Database Design Tool)

𐄂

𐄂

𐄂

DataMapping (Mapping Protocol Buffers)

𐄂

𐄂

𐄂

Fishbone (Automatic Ishikawa Diagram Layout)

𐄂

𐄂

𐄂

ImageProcessor (Node-Based Image Manipulation)

𐄂

𐄂

𐄂

Kanban (Project Management Board)

𐄂

𐄂

𐄂

Layout (DirectedGraph and GridLayout Integration)

𐄂

𐄂

𐄂

MindMap (MindMap Editor)

𐄂

𐄂

𐄂

OrgChart (OrgChart Editor)

𐄂

𐄂

𐄂

PertChart (PERT Chart Editor)

𐄂

𐄂

𐄂

Planogram (Planogram Editor)

𐄂

𐄂

𐄂

RichTextEditor (Rich Text Editor)

𐄂

𐄂

𐄂

SheetCutting (Sheet Cutting Planner)

𐄂

𐄂

𐄂

TeamOrder (Team Order Editor)

𐄂

𐄂

𐄂

TheoryOfChange (Theory of Change Editor)

𐄂

𐄂

𐄂

Timeline (Automatic Timeline Layout)

𐄂

𐄂

𐄂

Tokens (Animated Tokens Sent Across Links)

𐄂

𐄂

𐄂

TreeDesigner (Hierarchical Visualizer)

𐄂

𐄂

𐄂

TreeStencil (Multi-level Stencil)

𐄂

𐄂

𐄂

Visio/BPMNExport (Visio BPMN Export)

𐄂

𐄂

𐄂

Visio/BPMNImport (Visio BPMN Import)

𐄂

𐄂

𐄂

Visio/FlowChartImport (Visio FlowChart Import)

𐄂

𐄂

𐄂

Visio/OrgChartImport (Visio OrgChart Import)

𐄂

𐄂

𐄂

Yamazumi3D (Stack Bar Chart)

𐄂

𐄂

𐄂

Charts (Charts Plugin)

𐄂

𐄂

𐄂

𐄂

Collapsible (Collapse and Expand Branches)

𐄂

𐄂

𐄂

𐄂

Constellation (Transitions)

𐄂

𐄂

𐄂

𐄂

Dijkstra (Shortest Path Finder)

𐄂

𐄂

𐄂

𐄂

DynamicStencil (Add Stencil Elements at Run-Time)

𐄂

𐄂

𐄂

𐄂

Measurement/Angle (Angle Between Links and Elements)

𐄂

𐄂

𐄂

𐄂

Measurement/Distance (Distance Between Elements)

𐄂

𐄂

𐄂

𐄂

QAD (Dialog Generator)

𐄂

𐄂

𐄂

𐄂

Tree (Radial Tree Editor)

𐄂

𐄂

𐄂

𐄂

VectorEditor (Vector Graphics Editor)

𐄂

𐄂

𐄂

𐄂

Visio/DefaultImport (Import VSDX into JointJS)

𐄂

𐄂

𐄂

𐄂