Hello World

Hello World

We wouldn't be a legitimate software library if we did not have a Hello World demonstration.

We've kept the functionality to a minimum in this demonstration as we know the bells and whistles can get distracting, and JsPlumb does offer a lot of bells and whistles. But there's enough in this app for you to use it as a base for your own - we show:

• How to map node types to different templates (or components, if you're using one of the library integrations)
• How to define the appearance and behaviour of edges
• JsPlumb's smooth-as-butter pan/zoom, including pinch to zoom on touch devices
• How to use JsPlumb's current selection, a powerful concept at the core of the UI

Although this is a basic application it demonstrates a bunch of core features that JsPlumb offers.

Read about this demo itself in our docs: https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/starter-app-hello-world

Read about how to map node and edge types to behaviour and appearance: https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/views

There is a version of this app for each of our library integrations - you might like to take a look at our Angular documentation,React documentation, Vue 3 documentation or Svelte documentation