Isoflow – Infrastructure Diagrams
isoflow.io
isoflow.io
sheetengine - Isometric HTML5 JavaScript Display Engine - CodePlex Archive https://archive.codeplex.com/?p=sheetengine
Isomer – an isometric graphics library for HTML5 canvas https://jdan.github.io/isomer/
Traviso - Isometric Javascript Engine http://www.travisojs.com/
I really, really like how good this looks, especially the isometric view. It adds some personality that makes otherwise boring diagrams interesting to look at.
Finally, I want to say how awesome it is that you can try out the app without an account and with only one-click. Nothing "sells" your product better than your product, and this website is a textbook example of how this should be executed.
- you can select a rectangle object that has a transparent middle by clicking in the empty space
- you cannot option/alt + drag to copy an item or group of items
- "refactoring" is not easy because even when items are grouped you cannot move them as a group
- arrows sometimes don't update their endpoints, even when they have been connected to an item
- slow performance in the browser, especially for larger diagrams.
- saving is slow and versioning is even slower
These are just a few I thought of off the top of my head. These papercuts on their own are annoyances, but together makes it feel like the software is using me and not the other way around.
That said, I love this MVP! I created a quick diagram of some video systems I maintain and the experience was pretty good. <3 the svg export
That said, this is quite pretty.
All these online tools make me slightly uneasy. I avoided draw.io for a long time, expecting it to fold one day and take my data with it.
I still use it
You can also install it in a rocker container.
I think that will create a set of new features and possibilities for the tools.
For example don’t allow an nginx component to be connected to a MySQL server(not sure if it’s possible though, you get the point) or require a load balancer when a browser wants to connect to multiple nodes, etc, that kind of logic.
That can then be expanded into having it suggesting architecture patterns or even generating definition files for you.
Just an idea
Visio does this. It's really a shame that Visio's SVG renderer is so bad, since its PDF and raster output is really good. But SVG is the standard now, and the PDFs it generates aren't easily converted to SVG.
> That can then be expanded into having it suggesting architecture patterns or even generating definition files for you.
I don't know about the former, but I think Visio can do the latter.
I’m a fan of Mermaid.js for state diagrams etc., but this seems like a good higher-level tool.
1. Add hotkeys for each tool
2. Make delete actually delete things rather than going "back" in the browser
3. Make escape return the user to the "move" tool
4. When you use the "add" tool and add something, the menu closes but the tool stays selected at which point clicking it again deselects it rather than reopening the menu
5. Don't export the "cursor" square when you export the diagram. Perhaps also an export to image rather than svg would be valuable for the kinds of purposes people would use this tool for
At the moment the tool looks great and gets the job done, but I find myself hitting a wall in terms of what I can do with it (mainly around those points I've mentioned).
1) make the site mobile friendly
2) connect to the cloud backend and automatically import all the services, let me make the connections between them. If it's a large scale deployment it would make set up a lot easier
I'd like to add to that suggestion, let me dis/allow resources from thr automated import with a grep patterm e.g. aws.iam* would allow only iam policies into the import. Negations and such are logical extensions.
It's does what you described and more.
Thanks for checking out Isoflow, I'd love to know more about how you use diagrams in your work. The intention is to take Isoflow in the direction you're describing (i.e. being able to show different processes on top of the same diagram), so would really love to get your thoughts on what you think are the most important aspects. Please reach out to me through the 'contact' tab on Isoflow if you're up for discussing further. Thanks again for the feedback.
Bonus points if it consumes the text via git.
https://shutdownlikeaboss.com/post/190564787340/wolfram-disc...
If you fancy a pivot - I’ve seen lots of similar apps for cloud architecture, but this engine would be perfect for logistics (warehousing in particular) which I think is underserved (and the industry I am in!). If this existed for a sensible price I would definitely be a customer!
If you're looking to productize this in future, best of luck in advance.
I'm using Mithril for the UI and Paperjs for the actual diagram editor.