Starter apps, diagrams and charts
What will you build today?
- For apps with rich content and interactivity in CSS styled nodes, take a look at our Node-based applications.
- For pure SVG diagrams such as flowcharts etc, check out the Diagrams.
- In the Charts section you'll find several demonstrations showcasing the wide range of charts that are available.
- To get a feel for how you can easily mix components to create powerful and compelling experiences, browse our Dashboards.
Node-based applications
Call Flow
Use VisuallyJs to build a visual Call Flow editor
AI Agent Builder
Use VisuallyJs to create an advanced AI agent builder
Image Processor
Use VisuallyJs to build a visual image-processing pipeline with resize, crop, rotate, blur and colour adjustments
Chatbot
Use VisuallyJs to build a Chatbot editor, with actions, messages, input and choices
Gantt
Interactive Gantt chart featuring tasks, task groups and milestones
Kanban
Fully featured Kanban board. Drag items between columns and use the inspector to update items and columns
Database Schema
Database Schema builder with support for tables, views, multiple columns types, and column relationships
Org Chart
Uses the classic org chart layout and provides an inspector from which the user can navigate around
Mindmap
The mindmap builder highlights several advanced features, such as custom layouts, parsers and exporters
Neighbourhood Views
Demonstrates how to include multiple views of a dataset on one page
Template
Basic starter app demonstrating how to setup VisuallyJs and its main features
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
FIFA World Cup
A visualizer for the FIFA World cup - group stages, team journeys and a tournament view.
Diagrams
Flowchart
Fully featured flowchart builder including support for custom shapes, edge routing to avoid vertices, shape resize/rotate, SVG/PNG/JPG export 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
ERD
ERD editor for modelling the steps of a business process
Circuit Diagram
Fully featured starter app containing a circuit diagram builder
Scada/HMI
Professional and modern Scada/HMI application with fluid, heating/cooling & instrumentation shapes, adhering to the HMI ISA-101 Design Standard
Logic Gates
Fully featured starter app containing a logic gates diagram builder
Charts
Area & Line charts
Use VisuallyJs to create area and line charts
Bar & Column charts
Multiple series, stacked, grouped, pivoted, and much more
Scatter & Bubble charts
Circle, rectangle, triangle or custom markers, multiple series, fully customizable
Sankey chart
Use VisuallyJs to create a professional Sankey chart, with support for pivoting
Dashboards
Supply Chain Analyzer
Dashboard for managing and analyzing supply chains
Network Infrastructure
Combine a network management diagram with charts showing projected cost and resource usage
Fault Tree Analysis
Combines a fault tree analysis diagram with charts showing risk and list of cut sets
