JavaScript diagramming library
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css dia.ElementView: apply vector-effect: non-scaling-stroke to nodes ins… Jan 26, 2018
demo Demos: ERD, UMLCD fixes; Missing semicolons (#1009) Nov 12, 2018
dist Release v2.2.1 (#1008) Nov 12, 2018
docs docs for mvc.view.findAttribute (#1007) Nov 8, 2018
plugins minor improvements to demos and scripts (#1005) Nov 8, 2018
scripts minor improvements to demos and scripts (#1005) Nov 8, 2018
src Vectorizer: add isSVGGraphicsElement(), prevent exceptions when measu… Oct 26, 2018
test Istanbul Coverage Test (#996) Oct 30, 2018
tutorials Demos: ERD, UMLCD fixes; Missing semicolons (#1009) Nov 12, 2018
types Types: alphabetize Ellipse, Point, Rect (#1003) Nov 12, 2018
wrappers Demos: ERD, UMLCD fixes; Missing semicolons (#1009) Nov 12, 2018
.csslintrc Added CSS linting Apr 11, 2016
.editorconfig editorconfig - consistent coding style across IDEs (#919) Aug 1, 2018
.eslintrc.js Various minor fixes (#949) Sep 7, 2018
.gitignore Istanbul Coverage Test (#996) Oct 30, 2018
.travis.yml Istanbul Coverage Test (#996) Oct 30, 2018
CHANGELOG Release v2.2.1 (#1008) Nov 12, 2018
Gruntfile.js Demos: ERD, UMLCD fixes; Missing semicolons (#1009) Nov 12, 2018
LICENSE first commit in version 0.6 Jul 19, 2013
Makefile Migrated to eslint from jscs (#362) Jul 29, 2016
README.md Add LGTM.com code quality badges (#946) Oct 30, 2018
coverage.json Istanbul Coverage Test (#996) Oct 30, 2018
index.js Use minified joint build file in index Jun 13, 2016
package-lock.json Istanbul Coverage Test (#996) Oct 30, 2018
package.json Release v2.2.1 (#1008) Nov 12, 2018

README.md

JointJS - JavaScript diagramming library

Build Status Code Quality: Javascript Total Alerts

JointJS is a JavaScript diagramming library. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders.

Please see http://jointjs.com for more information, demos and documentation.

Features

  • 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

Supported browsers

  • Latest Google Chrome (including mobile)
  • Latest Firefox
  • Latest Safari (including mobile)
  • Latest MSEdge
  • Latest Opera
  • IE 10+
  • PhantomJS

Any problem with JointJS in the above browsers should be reported as a bug in JointJS.

Development Environment

If you want to work on JointJS locally, use the following guidelines to get started.

Dependencies

Make sure you have the following dependencies installed on your system:

Setup

Clone this git repository:

git clone https://github.com/clientIO/joint.git

Change into the joint directory:

cd joint

Run installation

npm install

This will install all npm dependencies as well as run a full build.

Tests

To run all tests:

grunt test

To run only the server-side tests:

grunt test:server

To run only the client-side tests:

grunt test:client

To run code style checks:

grunt test:code-style

Code Coverage Reports

To output a code coverage report in HTML:

grunt test:coverage"

To output a code coverage report in lcov format:

grunt test:coverage --reporter="lcov"

The output for all unit tests will be saved in the coverage directory.

Building Distribution Files

The dist directory contains pre-built distribution files. To re-build them, run the following:

grunt dist

Documentation

The source for the JointJS documentation (plus geometry and Vectorizer libraries) are included in this repository; see the docs directory. The documentation can be built into stand-alone HTML documents like this:

grunt build:docs

The output of the above command can be found at build/docs.

License

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

Contributors