Javascript diagrams, apps and charts at the speed of light.
Rapidly build robust and professional diagrams, charts and rich graphical front ends using React, Angular, Vue, Svelte, Javascript or Typescript.
Get started with:
What will you build today?
Create components to render rich content and interactivity in your nodes and groups. Wire them up with a view and apply an automatic layout. VisuallyJs makes it a snap to build callflow designers, chatbot builders, kanban boards, automation flows, and so much more.
Render SVG shapes using shape libraries. Shrink, grow and rotate using our resizing tools. Drag new shapes onto your canvas from a palette. Everything you need to build world-class diagrams is available out of the box. Build flowcharts, BPMN editors, process flow diagrams, ERD editor, mindmaps and much more.
Full range of 2D charts - column, bar, area, line, scatter - plus pie charts, gauges and more specialized charts such as sankey.
Populate charts from standalone data or use the data model from an app or diagram for dynamically updated insights into your dataset.
Create a model and use it as the single source of truth for a mix of apps/diagrams and charts. The possibilities are endless.
All the plugins
Miniview
A miniaturized view of your canvas. Pan/zoom via the miniview, and click to scroll
Lasso
Snag a set of nodes and add them to the model's current selection.
Resize Tools
Grow, shrink and rotate vertices, either with visible handles or via the vertex edges
Backgrounds
Grids - with dots or lines - and tiled or static images
Controls
Buttons for common operations such as zoom to extents, undo/redo, etc
Drawing
Draw new nodes/groups by dragging the mouse
Snaplines
Visual cues to help align everything just so
Pan Buttons
Click to nudge the canvas, or hold to scroll
and many more...