Wonderful project.
There's also mermaidjs to excalidraw https://github.com/excalidraw/mermaid-to-excalidraw
Readit Newsanorak27 commented on Show HN: Diagram as code tool with draggable customizations github.com/RohanAdwankar/... · Posted by u/RohanAdwankar
I made a desktop UI using react flow with resizing and deletion of windows.
I've been working on something that might be worth giving a try! [1]
It's built more for specifically for software architecture rather than general whiteboarding, but we just recently added custom icon uploads so you could add whatever icons you want if you're more interested in hardware. The 'logical component' operates in two modes, one which is just a group, and one where it acts like a sub-board that scales its contents to fit the box.
This is very cool!
Thanks for sharing
Was this built with TLDraw SDK?
Maybe I'm missing implementation details, but TLDraw supports nested canvas too.
You can even nest and interact with the current canvas.
Here's the creator demonstrating this.
Tldraw's default version of nesting is embedding another full canvas. The benefit would be that the embedded canvas is fully live.
Nestable enables nesting at page management level and encourages deep links to connect things between canvases. This approach has proven to be much more scalable in all of my workflows
Not to be too critical but:
- What does this add to the TLDraw SDK it's clearly built on that, and TLDraw already supports rested canvases
- the sidebar seems a bit janky, given there is no intuitive way to pop it back out once closed, and it covers the TLDraw ui components.
- Feels a bit disingenuous not mentioning TLDraw anywhere
Thanks for trying it out!
1. Tldraw support of embedded canvases it not great when you are power using 2. You can open the sidebar from clicking the page name in the center top of the canvas 3. Initially I had the sidebar be a side component that pushes the canvas to the right but the change in aspect ratio was jarring because I was constantly opening and closing the sidebar 4. Made with tldraw is mentioned on the right bottom of the canvas. I am not trying to hide it in any way.
Ink & Switch did similar with Muse app [^1], but spun it off when they realized it wasn’t a sustainable business for them [^2].
Haven't heard of muse before but it looks great!
Nestable approach with canvas management is more similar to notion than muse.
Nestable also has deep linking across the app so that you can leave hyperlinks to other pages or shapes from anywhere to enable better organisation and management.
Canvases aren't generally used as knowledge bases because more often than not, it gets really hard navigating them and nestable wishes to solve that.
In terms of making a business of out nestable, I have no plans for it. This is fully local and the only charge I incur would be for hosting which is very minimal.
When I see words like nestable and infinite, I assumed this would be something where you can draw a diagram and then zoom in or out to see it at different detail levels. IE, draw a CPU diagram and zoom out and it becomes a simple box. Then you construct a motherboard around it. So I can see it as a simple block diagram at motherboard level, but as I zoom in the motherboard disappears and I am in the context of the CPU, seeing things like cache locations, cores, etc.
This is a product I REALLY want. Since I want to be able to diagram entire complex systems without always seeing 10,000 boxes on screen. You could start a presentation at 35,000 feet, showing the entire rough structure, then zoom into different regions where more detail will appear (infinitely)
Nestable feels more like excalidraw, with a folder/file structure?
Thanks for trying it out!
Zooming in to reveal things will only make it more ambiguous since the right depth at which we hide away content will vary based on the content.
We can more intuitively build this with nestable using deep links. Each layer/level can be shown in one canvas and a deeplink to another canvas that captures a more granular level of any of the components would be a much scalable and generic approach.
I write blogs with interactive components on research and personal projects.