Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Alternatives to Consider

  • Highcharts Reviews & Ratings
    123 Ratings
    Company Website
  • SurveyJS Reviews & Ratings
    61 Ratings
    Company Website
  • SmartDraw Reviews & Ratings
    551 Ratings
    Company Website
  • Apify Reviews & Ratings
    1,405 Ratings
    Company Website
  • Source Defense Reviews & Ratings
    7 Ratings
    Company Website
  • Gaffa Reviews & Ratings
    5 Ratings
    Company Website
  • Nutrient SDK Reviews & Ratings
    110 Ratings
    Company Website
  • RAD PDF Reviews & Ratings
    3 Ratings
    Company Website
  • Feroot Reviews & Ratings
    31 Ratings
    Company Website
  • DXcharts Reviews & Ratings
    28 Ratings
    Company Website

What is VisuallyJs?

VisuallyJs is a JavaScript and TypeScript library for rapidly building diagrams, charts, dashboards, and rich visual applications across modern front-end frameworks. It supports React, Angular, Vue, Svelte, JavaScript, and TypeScript, making it flexible for teams with different development stacks. Developers can use VisuallyJs to build node-based applications such as call flow designers, chatbot builders, automation flows, kanban boards, workflow editors, and other interactive visual tools. The library also supports professional diagramming use cases such as flowcharts, BPMN editors, process flow diagrams, ERD editors, database schema editors, mindmaps, org charts, and network diagrams. VisuallyJs provides built-in shape libraries, SVG rendering, drag-and-drop palettes, resizing tools, rotation tools, edge routing, automatic layouts, parsers, exporters, and file export options. Its charting features include column, bar, area, line, scatter, bubble, pie, gauge, sankey, and other specialized visualizations. Developers can combine charts, diagrams, and application components into dashboards using a shared model as the single source of truth. Pre-built templates help teams accelerate development for flowcharts, BPMN, chatbots, call flows, ERDs, Gantt charts, kanban boards, database schemas, org charts, mindmaps, charts, supply chain analyzers, and network infrastructure tools. Plugin support adds capabilities such as miniview navigation, lasso selection, resize handles, canvas backgrounds, common controls, drawing tools, snaplines, pan buttons, and scrolling list behavior. VisuallyJs is positioned as an alternative to diagramming and flow libraries such as GoJS, JointJS, React Flow, and SvelteFlow. VisuallyJs helps developers build polished, extensible, and data-driven visual front ends with less custom engineering effort.

What is Masonry?

Masonry is a JavaScript library specifically created for designing grid layouts. It adeptly positions elements according to the available vertical space, akin to a mason artfully arranging stones in a wall. This layout method is commonly found across a multitude of websites. The appearance and dimensions of each element are governed by your CSS, providing ample room for customization. For layouts that need to be responsive, you can modify item sizes using percentage values. Nonetheless, unloaded images may interfere with the layout, leading to overlapping items; this is where imagesLoaded becomes essential. imagesLoaded is a supplementary script that can be easily downloaded and integrated to remedy this issue. Fascinatingly, you can initiate Masonry directly in your HTML without the necessity of writing any JavaScript code. Although all configuration options are optional, it is wise to define the column width and the selected items for enhanced efficiency. Items can be organized neatly in a horizontal grid, and you have the option to apply percentage widths for responsive layouts. Moreover, managing element dimensions through CSS is advantageous for crafting layouts that seamlessly adjust to various media queries, thereby elevating the overall user experience. This flexibility in design not only aids in visual appeal but also ensures functionality across different devices and screen sizes.

Media

Media

Integrations Supported

Angular
React
Svelte
Vue.js

Integrations Supported

Angular
React
Svelte
Vue.js

API Availability

Has API

API Availability

Has API

Pricing Information

$1090
Free Trial Offered?
Free Version

Pricing Information

Free
Free Trial Offered?
Free Version

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Company Facts

Organization Name

JsPlumb

Date Founded

2011

Company Location

Australia

Company Website

visuallyjs.com

Company Facts

Organization Name

Masonry

Company Location

United States

Company Website

masonry.desandro.com

Categories and Features

Categories and Features

Popular Alternatives

yFiles Reviews & Ratings

yFiles

yWorks

Popular Alternatives

GridMaster Reviews & Ratings

GridMaster

AddonMaster
GoJS Reviews & Ratings

GoJS

Northwoods Software