draw.io VS GoJS, a JavaScript Library for HTML Diagrams

I draw all of my diagrams in a free application called diagrams.net (formerly draw.io). When building critical path diagrams, I put each data flow in its own layer. I then add buttons in the key that toggle the visibility of the layer, making it easy to show/hide entire flows.

https://www.diagrams.net/ is your friend.

We use https://www.diagrams.net/ it's easy, works great, cross platform, and can be used stand alone, via their web site, or be integrated with Office365/Gsuite.

More Power Users: Ad-free episodes with regular bonus segmentsAllison Sheridan (@podfeet) / TwitterPodfeet PodcastsNew Calendar Tricks Webinar - MacSparkyMacSparky's Calendar TricksControl Panel on Gray Icon Print by Susan Kare – Kare PrintsiThoughts - Mind Map on the App StoreDiagrams.netHas Apple Lost Steve Jobs's Vision of the Simple 2x2 Matrix? – More Diagrams - Podfeet PodcastsKnit Like a Programmer - Podfeet PodcastsOn the 20th Anniversary Mac – 512 PixelsApple Twentieth Anniversary Macintosh Computer Used By Jerry In Seinfeld Season 9 Episode 9 "The Apology" (1997)Why the Black MacBook Cost More – 512 PixelsUlyssesMarsEdit 4How to Add Elapsed Time in Excel - Podfeet PodcastsRogue Amoeba | Audio HijackRogue Amoeba | LoopbackHindenburgRogue Amoeba | SoundSourcemimoLiveWave XLRAutomating Audio Hijack 4 with Shortcuts and JavaScript – Six ColorsFolgeVisual Studio CodeHSXKPasswdTelegram Messenger

Yes, though they're transitioning to https://www.diagrams.net/ because of problems with the .io domains.

I’d look into how draw.io/jgraph open sources. They are open source - not open contribution. Easy way for your team to allow people to do what you want without additional governance. Appreciate the open dialogue! Link: draw.io github

I'm looking at draw.io as an example. It has a web app. Open source. Saves to google drive automatically. Exactly the type of scope I want for this project. Not a fan of java though.

GoJS might work for you: https://gojs.net

Although the focus of the library is interactivity and not setting up sequences of animation, but that is possible too.

My livelihood has been primarily building a Canvas diagramming library since 2010 (https://gojs.net), if anyone has any questions about 2D Canvas use in the real-world I'd be happy to answer them.

roundRect is great. Though you don't need 4 arcTo in order to make a rounded rect, you can use bezier instead (we do). Their example is also 1% amusing because they set the `fillStyle` but then call `stroke` (and not `fill`). I'll have to do some performance comparisons, since that's the operative thing for my use case (and any library author).

text modifiers are very welcome. It's crazy how annoying measuring still is, especially if you want thinks to look perfectly consistent across browsers. Though the chrome dominance is making things easier in one way, I guess.

context.reset is kinda funny. Most high-performance canvas apps will never want to use it. For that matter you want to set all properties as little as possible, especially setting things like context.font, which are slow even if you're setting it to the same value. (Or it was, I haven't tested that in several years).

I'm sure most users know this by now, but generally for performance the fewer calls you make to the canvas and the context, the beter. This is even true of transforms: It's faster to make your own Matrix class, do all your own matrix translation, rotation, multiplication, etc, and then make a single call to `context.setTransform`, than it is to call the other context methods.

I have some problem with gojs(https://gojs.net/),

I'm not the only developer but I made (and still make) GoJS, an interactive diagramming library for the web.

https://gojs.net

Most of its popularity is with large companies building their own internal tools where they need diagramming visualization capabilities (layouts, save/load, undo/redo, data binding, etc). So you won't see it too often in the wild, but under the surface it's used in every industry.

I love it, and I love HTML Canvas, which I wish was more popular.

I actually make a diagramming library for the web, called GoJS: https://gojs.net

So I make all kinds of diagrams, mostly as demonstrations. When developing an API itself, especially one where there are phases (objects must measure themselves and draw in a certain order, and not more than they need to), state machine-style and flowchart-style diagrams are awfully helpful.

GoJS