VisuallyJs Javascript Diagram Library

Build Connectivity Quickly.
Rapidly build diagramming apps and rich graphical front ends with React, Angular, Svelte, Vue, Javascript and Typescript.

[VisuallyJs Javascript Diagram Library @visuallyjs]

We've just released VisuallyJs - the new era of JsPlumb. https://t.co/Ya7XTyPCOy via @LinkedIn

[VisuallyJs Javascript Diagram Library @visuallyjs]

VisuallyJs 1.1.0 is here!
This release introduces scrollable lists, zoom-aware content inclusion, layout improvements, palette CSS updates, and our brand-new API documentation site.
Explore what's new and start building: https://t.co/fsmGBdK8FU

[VisuallyJs Javascript Diagram Library @visuallyjs]

@pratix01 @bindureddy try https://t.co/zb8isP4kox

[VisuallyJs Javascript Diagram Library @visuallyjs]

@aaronvi we've just relaunched as VisuallyJs
- Up to 3x faster rendering
- Modernised APIs compatible with the latest UI frameworks
- Dedicated SVG diagram engine and 2D chart engine
- Support for richer dashboards, workflows and visual editors
and much more!

[VisuallyJs Javascript Diagram Library @visuallyjs]

JsPlumb now known as VisuallyJS is now free for non commercial use - advanced features such as edge routing, diagrams, node based apps, charts and dashboards for React, Angular, Vue, Svelte and Vanilla JS. Tag us with what you build
@visuallyjs
https://t.co/zb8isP4kox

[VisuallyJs Javascript Diagram Library @visuallyjs]

JsPlumb now known as VisuallyJS is now free for non commercial use - advanced features such as edge routing, diagrams, node based apps, charts and dashboards for React, Angular, Vue, Svelte and Vanilla JS. Tag us with what you build
@visuallyjs
https://t.co/zb8isP4kox

[VisuallyJs Javascript Diagram Library @visuallyjs]

JsPlumb now known as VisuallyJS is now free for non commercial use - advanced features such as edge routing, diagrams, node based apps, charts and dashboards for React, Angular, Vue, Svelte and Vanilla JS. Tag us with what you build
@visuallyjs
https://t.co/zb8isP4kox

[VisuallyJs Javascript Diagram Library @visuallyjs]

Perfect for:
- Network monitoring
- Infrastructure management
- Interactive dashboards
- Data visualisation
- Custom diagram builders

Built for modern web apps with React, TypeScript and more.

#javascript #reactjs #webdevelopment #datavis #svg #frontend #developertools

[VisuallyJs Javascript Diagram Library @visuallyjs]

The new Network Infrastructure demo from VisuallyJs showcases interactive SVG-powered diagrams, real-time dashboards, topology mapping and rich visual UI capabilities - all running at incredible speed.
https://t.co/1qVV9RQ0sc

[VisuallyJs Javascript Diagram Library @visuallyjs]

@elion_shahini perhaps if you're using the community edition but the latest releases of jsplumb are for more more flexible and versatile than ReactFlow which is heavily modelled on JsPlumb ;)

[VisuallyJs Javascript Diagram Library @visuallyjs]

@aaronvi this is great feedback, thanks for taking the time to send it. We agree with all your points and we're actually working on something to address that...We believe JsPlumb is more flexible and versatile but it's definitely true that we have so far failed to demonstrate effectively

[VisuallyJs Javascript Diagram Library @visuallyjs]

@mrpopov_com have you tried https://t.co/WtQ35idmPM

[VisuallyJs Javascript Diagram Library @visuallyjs]

@vmzucher Have you tried @jsplumbtoolkit

[VisuallyJs Javascript Diagram Library @visuallyjs]

Check out the latest article in my newsletter: Release 7.3.4 & 7.3.5: Smarter Hierarchy Layouts and Faster Rendering https://t.co/NZ97Y0Ymh0

[VisuallyJs Javascript Diagram Library @visuallyjs]

Less Reflow, More Speed
RELEASE 7.3.4
We’ve refactored our size calculation code to reduce reflows, resulting in a 35% reduction in load time on Chromium browsers and a 19% reduction in load time on Firefox.

https://t.co/eBdutzfblP

[VisuallyJs Javascript Diagram Library @visuallyjs]

RELEASE 7.3.3 - Nested Shape Sets. This release makes shape management easier. You can now organize nested shape sets hierarchically—break down large sets into smaller, more manageable groups for smoother, more flexible modeling. https://t.co/w2vIopHf83

#svg #flowchart

[VisuallyJs Javascript Diagram Library @visuallyjs]

For those wondering, we have tested JsPlumb with Angular 20 and can confirm full compatibility!

[VisuallyJs Javascript Diagram Library @visuallyjs]

On top of that, you can now save and load the whole Surface state—including data, zoom, and inspector settings—so picking up right where you left off is super easy.

[VisuallyJs Javascript Diagram Library @visuallyjs]

Flowchart + Diagram Improvements V7.3.0
- Multiline labels for shapes
- Flowchart Builder updated to show them off
- Shared recent colors across inspectors
- Clone vertices right on the Surface canvas
- Save/load full Surface state (zoom, data, settings)
https://t.co/fcZd64z1FF

[VisuallyJs Javascript Diagram Library @visuallyjs]

Choosing colors is easier too, thanks to a shared recent color history across inspectors. Plus, you can clone vertices right on the Surface canvas, making editing smoother.