Hey everyone!
I’m trying to push the limits of what can be done in Bubble and had a fun idea:
I want to build something like ChartDB or dbdiagram.io inside Bubble itself.
Here’s what I’m envisioning:
Core features:
- Users can create and name database tables
- Each table can have fields (columns) with data types
- Tables are draggable on a canvas, and their positions are saved
- Users can define relationships (foreign keys) between tables
- Arrows or connectors show relationships between tables visually
I already know I can handle the data structure part (tables, fields, types, etc.), but I’m hitting some uncertainty with:
The visual part:
- Can I drag and drop tables and keep them positioned using some sort of “Draggable Elements” plugin?
- Is there a way to draw arrows or connectors between tables dynamically (maybe with LeaderLine.js, SVG, or a plugin)?
- How would you go about building this? Any plugins, hacks, or workarounds you’d recommend?
- Has anyone tried something similar?
Thanks in advance!