Software Alternatives & Reviews

mxGraph VS FabricJS

Compare mxGraph VS FabricJS and see what are their differences

mxGraph logo mxGraph

mxGraph is a fully client side JavaScript diagramming library - jgraph/mxgraph

FabricJS logo FabricJS

Fabric.js is a powerful and simple Javascript HTML5 canvas library,
  • mxGraph Landing page
    Landing page //
    2023-09-07
  • FabricJS Landing page
    Landing page //
    2023-09-20

mxGraph videos

mxGraph Made Easy 3

FabricJS videos

T-shirt design using fabric js and three.js

Category Popularity

0-100% (relative to mxGraph and FabricJS)
Javascript UI Libraries
46 46%
54% 54
Flowcharts
35 35%
65% 65
Org Charts
40 40%
60% 60
Development
100 100%
0% 0

User comments

Share your experience with using mxGraph and FabricJS. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare mxGraph and FabricJS

mxGraph Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
mxGraph uses no third-party software, it requires no plugins and can be integrated into virtually any framework. The mxGraph package contains a client software, written in JavaScript, and a series of backends for various languages. The client software is a graph component with an optional application wrapper that is integrated into an existing web interface. The client...

FabricJS Reviews

We have no reviews of FabricJS yet.
Be the first one to post

Social recommendations and mentions

Based on our record, FabricJS seems to be a lot more popular than mxGraph. While we know about 30 links to FabricJS, we've tracked only 2 mentions of mxGraph. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

mxGraph mentions (2)

  • Process Analytics - March 2022 News
    It is possible to use the new API to retrieve the bpmn-visualization and mxGraph versions used at runtime: getVersion(). - Source: dev.to / almost 2 years ago
  • mxGraph usage in TypeScript projects
    This article is the first one of a series about mxGraph, the Javascript diagramming library. - Source: dev.to / almost 3 years ago

FabricJS mentions (30)

  • Fun, Beautiful, Printable 'Story Cards' for Kids with Cloudflare AI
    This AI-powered Story Card Maker is built as a SvelteKit application with Typescript. Using Flowbite Svelte component library, the whole application was laid out. The layout for the Story Card (emulating the size of a postcard - 4" x 3") is created as an HTML Canvas using Fabric.js. - Source: dev.to / 12 days ago
  • JSON Canvas – An open file format for infinite canvas data
    The canvas in Obsidian is as the whole app very well made. I wondered what they are using as well. My guess is https://www.xyflow.com/, which is for drawing nodes. More general purpose would be http://fabricjs.com/. Or very low level https://pixijs.com/. - Source: Hacker News / about 1 month ago
  • Step by step on how to setup fabric.js in the next.js app
    Fabric.js is a powerful and simple Javascript HTML5 canvas library. It provides an interactive object model on top of the canvas element. Fabric also has SVG-to-canvas (and canvas-to-SVG) parser. - Source: dev.to / 7 months ago
  • Building application Like Canva in ReactJS
    I'm actually in the process of building something similar. It's a React app and I'm using the FabricJs library. Source: 10 months ago
  • How can I build a configurator like this ?
    I've played with this tech in early 2010s - they are using HTML5 Canvas tech + something like Fabric.js(http://fabricjs.com/) that controls Canvas objects. Source: 12 months ago
View more

What are some alternatives?

When comparing mxGraph and FabricJS, you can also consider the following products

GoJS - GoJS is a JavaScript library for building interactive diagrams on HTML web pages. Build apps with flowcharts, org charts, BPMN, UML, modeling, and other visual graph types.

Konva - Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.

jsPlumb - jsPlumb is an advanced, standards-compliant and easy to use JS library for building connectivity based applications, such as flowcharts, process flow diagrams, sequence diagrams, organisation charts, etc. More than just a diagram library.

Paper.js - Open source vector graphics scripting framework that runs on top of the HTML5 Canvas.

p5.js - JS library for creating graphic and interactive experiences

JsDiagram - Create interactive diagrams for JavaScript and HTML using MindFusion browser based visualization library.