draw.io
GoJS, a JavaScript Library for HTML Diagrams
Our great sponsors
draw.io | GoJS, a JavaScript Library for HTML Diagrams | |
---|---|---|
81 | 6 | |
29,286 | 6,144 | |
2.7% | 2.0% | |
9.1 | 6.7 | |
1 day ago | 15 days ago | |
JavaScript | HTML | |
Apache License 2.0 | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
draw.io
- Ask HN: What are some good non-subscription Mac apps?
-
Introducing A New Cross-Cutting Architecture Diagram: The Critical Path
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.
-
How to configure vLANs?
https://www.diagrams.net/ is your friend.
- Software recommendation asked - company characteristics and dependencies visualisation
- Drawio - Source to app.diagrams.net
-
Quick line diagrams and markups
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.
-
Mac Power Users 635: Workflows with Allison Sheridan
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
-
Map Maker with Movable Entities and Connected Routes?
Yes, though they're transitioning to https://www.diagrams.net/ because of problems with the .io domains.
-
Introducing Warp: Rust-based terminal now in public beta
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
-
What to learn to make a browser app that writes to some file and saves them online(maybe google drive)?
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, a JavaScript Library for HTML Diagrams
-
Ask HN: How to quickly animate sketches and 2D diagrams?
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.
-
It's always been you, Canvas2D
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.
-
Problem with some gojs gantt model
I have some problem with gojs(https://gojs.net/),
-
Ask HN: What are some tools / libraries you built yourself?
I'm not the only developer but I made (and still make) GoJS, an interactive diagramming library for the web.
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.
-
Ask HN: What diagrams do you use in software development?
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.
-
Using KonvaJS as canvas with React
GoJS
What are some alternatives?
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
mermaid - Generation of diagram and flowchart from text in a similar manner as markdown
react-vis - Data Visualization Components
HackMD - CodiMD - Realtime collaborative markdown notes on all platforms.
plantuml - Generate diagrams from textual description
three.js - JavaScript 3D Library.
drawio-desktop - Official electron build of diagrams.net
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
Highcharts JS - Highcharts JS, the JavaScript charting framework
ShareLaTex - A web-based collaborative LaTeX editor
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —