Jsplumbtoolkit Applications
Starter applications and feature demonstrations built with the jsPlumb Toolkit
Overview
The jsPlumb Toolkit provides starter applications and feature demos for users to build fully featured apps and explore various aspects of the Toolkit's functionality. The starter applications are available in Vanilla JS, Angular, Vue 2, Vue 3, React, and Svelte versions, while the feature demos are smaller demos focused on specific functionalities. The demos are compatible with ES5, ES6, and TypeScript. Users need to be a licensee or evaluator of the jsPlumb Toolkit to access the applications.
Features
- Chatbot: Build a chatbot flow with actions, messages, input, and choices. Available in Angular, Vue 2, Vue 3, React, and Svelte versions.
- Flowchart Builder: Fully featured flowchart builder with support for custom shapes, edge routing, node resizing, and export to SVG/PNG/JPG. Available in Angular, Vue 2, Vue 3, React, and Svelte versions.
- Schema Builder: Build schemas with support for tables, views, multiple column types, and column relationships. Easily extensible. Available in Angular, Vue 2, Vue 3, and React versions.
- Org Chart: Build interactive org charts using the Toolkit's org chart layout. The starter app includes an inspector for user interaction.
Summary
The jsPlumb Toolkit provides starter applications and feature demos built with the Toolkit, allowing users to explore different functionalities and build fully featured apps. The starter apps come in various versions for different library integrations, while the feature demos showcase specific aspects of the Toolkit's functionality. Users need to be a licensee or evaluator of the jsPlumb Toolkit to access the applications. The installation process involves installing dependencies, building the apps, and running them using npm commands specific to each library integration.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.