Snap.svg VS Draw2D

Snap.svg

Snap.svg is a javascript SVG library for the modern web.

Draw2D

Create Visio like drawings, diagrams or an workflow editor with the Draw2D Javascript library.

Landing page //
2019-06-27

Landing page //
2023-09-07

Snap.svg

Website: snapsvg.io
$ Details
Categories: #Javascript UI Libraries #Charting Libraries #Flowcharts #Data Visualization

Edit details

Draw2D

Website: draw2d.org
$ Details: -
Categories: #Flowcharts #Org Charts #Javascript UI Libraries #Mind Maps

Edit details

Category Popularity

0-100% (relative to Snap.svg and Draw2D)

Draw2D

Javascript UI Libraries

69 69%

Javascript UI Libraries

31% 31

Charting Libraries

100 100%

Charting Libraries

0% 0

Flowcharts

48 48%

Flowcharts

52% 52

Org Charts

0 0%

Org Charts

100% 100

User comments

Share your experience with using Snap.svg and Draw2D. For example, how are they different and which one is better?

Reviews

These are some of the external sources and on-site user reviews we've used to compare Snap.svg and Draw2D

Snap.svg Reviews

8 Best Free and Open-Source Drawing Libraries in JavaScript

You can see how it performs with respect to Vanilla JS and Snap.svg on the homepage of the website. It is possible to create basic shapes and add them to the DOM using built-in functions. The library comes with all kinds of functions to manipulate the appearance of anything you draw on the screen. There is also support for event listeners so that you can implement...

Source: code.tutsplus.com

Draw2D Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)

Create Visio-like drawings, diagrams or a workflow editor with the Draw2D Javascript library. The User interface allows interactive drawing by using your standard browser. It claims to be much more concise than Raphael. There is even a demo page even though the development is stalled.

Source: modeling-languages.com

Social recommendations and mentions

Based on our record, Snap.svg seems to be more popular. It has been mentiond 9 times since March 2021. 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.

Snap.svg mentions (9)

18 Best JavaScript Gantt Chart Components
It allows users to create tasks, change their schedule and duration with drag-and-drop, add dependency lines, and review extra information on tasks via tooltips. You can add multiple timescales to the chart. The list of possible options includes Quarter Day, Half Day, Full Day, Week, and Month. There are also some customization opportunities such as changing the tooltip content with custom HTML, modifying the... - Source: dev.to / over 1 year ago
How do you create an animated menu like this?
Inspecting the buttons suggests that it's made with SVG animations too. It says "made with snap" http://snapsvg.io/. Source: over 1 year ago
How do you create an animated menu like this?
Or you can use directly Snap.svg (Free). That's what Snap SVG Animator is creating on export, Snap.svg code. But it's little more work than just using animation tool and exporting. Source: over 1 year ago
is this good enough to apply for a react junior position?
Why’d you steal Snap.svg’s logo though? That’s an immediate and major red flag to me. http://snapsvg.io/. Source: over 1 year ago
Newbie to webdev: What would be the best format to go about animating this interactive element? Pictured here is a rough sample.
Animated SVG http://snapsvg.io is best. Tiny file size, good performance. Resolution independent. Source: almost 2 years ago

Draw2D mentions (0)

We have not tracked any mentions of Draw2D yet. Tracking of Draw2D recommendations started around Mar 2021.

What are some alternatives?

When comparing Snap.svg and Draw2D, you can also consider the following products

Pixi.js - Fast lightweight 2D library that works across all devices

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.

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

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

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

JointJS - Create interactive diagrams in JavaScript easily.