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]

Focus on keyboard shortcuts

Work faster in VisuallyJs 1.2.13!

Introducing KeyboardManager and KeyboardShortcutsPlugin, with support for custom key mappings and built-in undo, redo, copy, paste, delete and more.

Your workflow, your shortcuts.
https://t.co/RSwNwFEwJB

[VisuallyJs Javascript Diagram Library @visuallyjs]

Fix for radio buttons sharing a set of values
From logic gates to equation builders and beyond, Graph Propagation opens up a whole new range of interactive diagram and application possibilities.

[VisuallyJs Javascript Diagram Library @visuallyjs]

What’s new:
Graph propagation for diagrams and apps
Define simple calculators for your node types
Automatic value propagation through connected graphs
Read-only shape properties

[VisuallyJs Javascript Diagram Library @visuallyjs]

VisuallyJs 1.2.8 introduces Graph Propagation - a new engine for making diagrams and apps behave dynamically. Build a diagram, connect your nodes, and let VisuallyJs handle the flow of values through the graph. https://t.co/HdXNcE0C8i

[VisuallyJs Javascript Diagram Library @visuallyjs]

How we added a propagation engine to our Logic Gates app https://t.co/FET0tCe6zK

[VisuallyJs Javascript Diagram Library @visuallyjs]

Our team has 17 years of experience building visualisations and interactive UIs across a wide range of industries. Read more about what we can offer here, or click here to fill out a quick form detailing what you need, and we'll be in touch.

[VisuallyJs Javascript Diagram Library @visuallyjs]

New starter app - Scada/HMI is a professional and modern application with fluid, heating/cooling & instrumentation shapes, adhering to the HMI ISA-101 Design Standard. We can build your app for you - in React, Angular, Svelte, Vue or Javascript/Typescript. https://t.co/KZMOgTUkxk

[VisuallyJs Javascript Diagram Library @visuallyjs]

Release 1.2.5 is here we’ve added 3 great new starter apps - a logic gates diagram app, an circuit diagram builder app, and a Fault Tree Analysis dashboard.

https://t.co/ojm9WgJU5n

[VisuallyJs Javascript Diagram Library @visuallyjs]

Release 1.2.5 is here with several new capabilities which enhance the ease of authoring that VisuallyJs provides - shapes can be dropped directly onto edges, rotated, and even automatically connected to nodes on the canvas while dragging from a palette. https://t.co/ojm9WgJU5n

[VisuallyJs Javascript Diagram Library @visuallyjs]

Brand new plugin - LineCrossings - which places markers at the intersections of orthogonal connectors. Many of you have asked for this functionality and we're pleased to announce it's now available. Our Callflow Builder starter app includes it: https://t.co/PKITztajgN

[VisuallyJs Javascript Diagram Library @visuallyjs]

@borjahen 👋🏼

[VisuallyJs Javascript Diagram Library @visuallyjs]

What are your thoughts? Is there anything else we could add? Does the use of color for ranking work, or is that an accessibility issue?

You can see the visualization in action here - https://t.co/Udg6Jav4QN

[VisuallyJs Javascript Diagram Library @visuallyjs]

We're interested to hear your thoughts on this visualization for the group stage of the FIFA World Cup (or in fact any round robin tournament).

We think it scores pretty well on the data-ink ratio. For each country there 10 data points the user can view:

[VisuallyJs Javascript Diagram Library @visuallyjs]

The wins, losses, goals for, goals against and total points
The ranking in the group (dark green is 1st, light green 2nd, orange 3rd, red 4th)
The result of each of the 3 matches the country played

[VisuallyJs Javascript Diagram Library @visuallyjs]

We've just pushed a Svelte version of our AI Agent Builder starter app. This is a fully featured app you can either use as-is, or as a headstart for one of your own. Give it a spin - let us know what you think! https://t.co/sU5kEwKrVY

VisuallyJs is free for non-commercial use.

[VisuallyJs Javascript Diagram Library @visuallyjs]

Version 1.2.2 is here &
includes:
- Our AI Agent Builder starter app is now available for Vue and Svelte
- Enhancements to the reactivity support for component overlays for Vue and Svelte
Grid background components, image background components and more - https://t.co/2v7tf1L0Oy

[VisuallyJs Javascript Diagram Library @visuallyjs]

Our AI Agent Builder is fully featured and ready for you to drop in to your app, or use as a base for your own. Check it out on our demonstrations page. This app required far fewer lines of code than similar demonstrations from other libraries.https://t.co/sU5kEwKrVY

[VisuallyJs Javascript Diagram Library @visuallyjs]

JavaScript Gantt Chart Library: Build Interactive Project Timelines with VisuallyJs https://t.co/YvLqU6kjG0

[VisuallyJs Javascript Diagram Library @visuallyjs]

We’ve added a slew of starter apps for Vue, including Gantt, BPMN and ERD diagrams. Demos and GitHub repositories:
•https://t.co/dmiKSsq9bS
•https://t.co/VT8TzBMCyb
•https://t.co/bKUE6FzcRt
Free for non-commercial. Give it a spin- let us know what you think!

[VisuallyJs Javascript Diagram Library @visuallyjs]

VisuallyJs is now free for non-commercial use. Formerly JsPlumb, backed by 17 years of experience building diagrams, node-based apps, charts & dashboards. Deep React, Vue, Svelte & Angular integrations. Check it out https://t.co/zb8isP4kox