Arrow icon
See all demos

Cables [COMING SOON]

Need to create interactive wiring diagrams? Explore our Cables demo, built with JointJS+ and TypeScript. It features custom elements like multi-wire cables, screw terminals, and plugs, demonstrating how JointJS+ simplifies the modeling of intricate systems through intuitive drag-and-drop interactions.
Demo instructions
Users can easily drag and drop cables, terminals, and plugs from an intuitive stencil interface to design wiring diagrams. The demo starts with a simple example, showing a cable connected to a terminal block, introducing the software’s capabilities.

Made with JointJS+

The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+

All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+ and Bryntum

This demo was created in collaboration with Bryntum. All the features used are available in the commercial versions of JointJS+ and Bryntum.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Coming soon in JointJS+

All the features required to build this demo are included in the upcoming JointJS+ release. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

The source code of this demo is available in the JointJS open-source library which helps developers create simple visual applications in less time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Speed up your development with a powerful library