Please see http://jointjs.com for more information, demos and documentation.
- basic diagram elements (rect, circle, ellipse, text, image, path)
- ready-to-use diagram elements of well-known diagrams (ERD, Org chart, FSA, UML, PN, DEVS, ...)
- custom diagram elements based on SVG or programmatically rendered
- interactive elements and links
- connecting diagram elements with links
- customizable links, their arrowheads and labels
- links smoothing (bezier interpolation)
- magnets (link connection points) can be placed basically anywhere
- hierarchical diagrams
- serialization/deserialization to/from JSON format
- highly event driven - you can react on any event that happens inside the paper
- zoom in/out
- touch support
- plugin awareness
- MVC architecture
- ... a lot more
Only the good ones (those that support SVG):
- Latest Google Chrome (including mobile)
- Latest Firefox
- Safari (including mobile)
- IE 9+
If you want to work on JointJS locally, use the following guidelines to get started.
Make sure you have the following dependencies installed on your system:
Clone this git repository:
git clone https://github.com/clientIO/joint.git
Change into the joint directory:
This will install all npm and bower dependencies as well as run a full build.
To run all tests:
To run only the server-side tests:
To run only the client-side tests:
To run code style checks:
To output a code coverage report in lcov format for all unit tests:
grunt test:coverage --reporter="lcov"
The output will be saved to a new file named
coverage.info at the root of the project directory.
Building Distribution Files
dist directory contains pre-built distribution files. To re-build them, run the following:
JointJS library is licensed under the Mozilla Public License, v. 2.0. Please see the LICENSE file for the full license.
Copyright (c) 2013 client IO