Skip to main content

Release 1.1.4

· One min read
sporritt

Release 1.1.4 of VisuallyJs is now available, containing several nice updates to the canvas and its plugins.

Miniview​

  • Lasso is shown on miniview while it is being used (can be switched off)

Miniview lasso

  • Miniview now highlights vertices that are selected in the canvas

Miniview lasso

Lasso​

  • Added support for the lasso inside of groups

Autopan​

  • Added support for automatically panning the surface when the user lassos outside of the visible area.
  • Added support for auto pan of the canvas when a user is dragging a new edge or relocating an existing edge.

Miscellaneous​

  • UI fires EVENT_EDGE_DRAG_START, EVENT_EDGE_DRAG, EVENT_EDGE_DRAG_END, EVENT_EDGE_DRAG_ABORT events during edge drag lifecycle now
  • Added addVertexDragFilter(f:VertexDragFilter<BrowserElement>) method to Surface
  • Diagrams do not, by default, draw a border around a selected edge now. Use edges.highlightSelected:true in your Diagram options to enable this behaviour.
  • Improved the way drag handles for edges are drawn to make it easier for users to locate them.

Try VisuallyJs​

VisuallyJs offers an extensive list of starter apps, diagrams, charts and dashboards to quick start your development, in React, Angular, Vue, Svelte and Typescript/Javascript.

VisuallyJs - flowcharts, AI Agent builders, chatbots, bar charts, decision trees, mindmaps, org charts and more
Call Flow
Use VisuallyJs to build a visual Call Flow editor
When you've reached the limits with ReactFlow, VisuallyJs has what you need
AI Agent Builder
Use VisuallyJs to create an advanced AI agent builder
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
Chatbot
Use VisuallyJs to build a Chatbot editor, with actions, messages, input and choices
When you've reached the limits with SvelteFlow, VisuallyJs has what you need
Flowchart
Fully featured flowchart builder including support for custom shapes, edge routing to avoid vertices, shape resize/rotate, SVG/PNG/JPG export and more
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
BPMN
BPMN editor for modelling the steps of a business process. Pools, lanes, and a full set of task, event and gateway types
VisuallyJs - industry standard diagramming and rich visual UI Javascript and Typescript library
ERD
ERD editor for modelling the steps of a business process
VisuallyJs - industry standard diagramming and rich visual UI Javascript and Typescript library
Gantt
Interactive Gantt chart featuring tasks, task groups and milestones
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
Kanban
Fully featured Kanban board. Drag items between columns and use the inspector to update items and columns
VisuallyJs - build diagrams and rich visual UIs fast
Database Schema
Database Schema builder with support for tables, views, multiple columns types, and column relationships
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
Org Chart
Uses the classic org chart layout and provides an inspector from which the user can navigate around
VisuallyJs - build diagrams and rich visual UIs fast
Circuit Diagram
Fully featured starter app containing a circuit diagram builder
VisuallyJs - flowcharts, AI Agent builders, chatbots, bar charts, decision trees, mindmaps, org charts and more
Scada/HMI
Professional and modern Scada/HMI application with fluid, heating/cooling & instrumentation shapes, adhering to the HMI ISA-101 Design Standard
VisuallyJs - industry standard diagramming and rich visual UI Javascript and Typescript library
Mindmap
The mindmap builder highlights several advanced features, such as custom layouts, parsers and exporters
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
Neighbourhood Views
Demonstrates how to include multiple views of a dataset on one page
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
Logic Gates
Fully featured starter app containing a logic gates diagram builder
When you've reached the limits with ngDiagram, VisuallyJs has what you need
Template
Basic starter app demonstrating how to setup VisuallyJs and its main features
VisuallyJs - callflow builders, sankey charts, database schemas, ERD diagrams and more
Area & Line charts
Use VisuallyJs to create area and line charts
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
Bar & Column charts
Multiple series, stacked, grouped, pivoted, and much more
VisuallyJs - industry standard diagramming and rich visual UI Javascript and Typescript library
Scatter & Bubble charts
Circle, rectangle, triangle or custom markers, multiple series, fully customizable
VisuallyJs - fully featured alternative to ReactFlow and ngDiagram
Sankey chart
Use VisuallyJs to create a professional Sankey chart, with support for pivoting
VisuallyJs - build diagrams and rich visual UIs fast
Supply Chain Analyzer
Dashboard for managing and analyzing supply chains
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
Network Infrastructure
Combine a network management diagram with charts showing projected cost and resource usage
VisuallyJs - leading alternative to GoJS, JointJS, ReactFlow and SvelteFlow
Scrolling Lists
Use the ListManager plugin to manage scrolling lists: as elements are scrolled out of the view, their edges are moved to the list container
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
FIFA World Cup
A visualizer for the FIFA World cup - group stages, team journeys and a tournament view.
When you've reached the limits with ngDiagram, VisuallyJs has what you need
Fault Tree Analysis
Combines a fault tree analysis diagram with charts showing risk and list of cut sets