Skip to main content

Release 1.2.3

· 2 min read

Release 1.2.3 is now available, with a great new plugin that places markers at the intersection of orthogonal connectors:

Line crossings plugin

By default, the plugin draws a bridge at each intersection, but a few different bridge types are supported.

Bridge types​

Arch​

This is the default:

Line crossings plugin

Gap​

Draws a gap in one of the edges

Line crossings plugin

Dot​

Draws a dot at the point of intersection

Line crossings plugin

You can change the dot radius and provide your own color if you wish:

Line crossings plugin

Documentation​

This plugin is available for both apps and diagrams.

Apps docs​

Diagrams docs​

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 - industry standard diagramming and rich visual UI Javascript and Typescript library
Call Flow
Use VisuallyJs to build a visual Call Flow editor
When you've reached the limits with SvelteFlow, VisuallyJs has what you need
AI Agent Builder
Use VisuallyJs to create an advanced AI agent builder
When you've reached the limits with SvelteFlow, VisuallyJs has what you need
Chatbot
Use VisuallyJs to build a Chatbot editor, with actions, messages, input and choices
VisuallyJs - build diagrams and rich visual UIs fast
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 - callflow builders, sankey charts, database schemas, ERD diagrams and more
BPMN
BPMN editor for modelling the steps of a business process. Pools, lanes, and a full set of task, event and gateway types
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
ERD
ERD editor for modelling the steps of a business process
VisuallyJs - effortlessly build professional node based UIs with Javascript, Typescript, React, Svelte, Angular and Vue
Gantt
Interactive Gantt chart featuring tasks, task groups and milestones
When you've reached the limits with SvelteFlow, VisuallyJs has what you need
Kanban
Fully featured Kanban board. Drag items between columns and use the inspector to update items and columns
VisuallyJs - industry standard diagramming and rich visual UI Javascript and Typescript library
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
When you've reached the limits with ReactFlow, VisuallyJs has what you need
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 - fully featured alternative to ReactFlow and ngDiagram
Mindmap
The mindmap builder highlights several advanced features, such as custom layouts, parsers and exporters
When you've reached the limits with ReactFlow, VisuallyJs has what you need
Neighbourhood Views
Demonstrates how to include multiple views of a dataset on one page
VisuallyJs - build diagrams and rich visual UIs fast
Logic Gates
Fully featured starter app containing a logic gates diagram builder
VisuallyJs - flowcharts, AI Agent builders, chatbots, bar charts, decision trees, mindmaps, org charts and more
Template
Basic starter app demonstrating how to setup VisuallyJs and its main features
When you've reached the limits with SvelteFlow, VisuallyJs has what you need
Area & Line charts
Use VisuallyJs to create area and line charts
VisuallyJs - fully featured alternative to ReactFlow and ngDiagram
Bar & Column charts
Multiple series, stacked, grouped, pivoted, and much more
VisuallyJs - JavaScript and Typescript diagramming library that fuels exceptional UIs
Scatter & Bubble charts
Circle, rectangle, triangle or custom markers, multiple series, fully customizable
When you've reached the limits with ReactFlow, VisuallyJs has what you need
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
When you've reached the limits with ReactFlow, VisuallyJs has what you need
Network Infrastructure
Combine a network management diagram with charts showing projected cost and resource usage
VisuallyJs - build diagrams and rich visual UIs fast
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 - build diagrams and rich visual UIs fast
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 ReactFlow, VisuallyJs has what you need
Fault Tree Analysis
Combines a fault tree analysis diagram with charts showing risk and list of cut sets