Embed Draw.io into your Bubble app.
Documentation & Demo
Bubble Editor
Market place
No ongoing subscription or license fees (unlike Lucidchart, Miro etc)
Export as SVG to your Bubble database
Zoom, pan and reset (fully featured draw.io editor)
Huge shape & symbol library
Also a viewer for embedding read-only draw.io diagrams
As the diagrams are saved as SVG in your Bubble database, you can add dynamic content to the diagrams.
I’ve another flow chart plugin from a few years ago - it always had an issue with only able to do simple diagrams and limited symbols and shapes. Draw.io - it’s really as powerful as any commercial Charting library.
@lindsay_knowcode
3 Likes
Cheers 
draw.io makes pretty diagrams. What I really like about it is as the diagrams are stored as SVG … it’s possible to “edit” these as text files in Bubble and put in dynamic labels into the diagram boxes.
Nice indeed, also noticed the XML export. I’ll try it in a couple of months for a simplified version of Make / N8N together with a Python backend to process data.
This might also be used to create a workflow with various ChatGPT prompts for instance.
Is there any way (or are there plans) to limit the shapes that can be used btw (had a short look but could not find it)?
Update: Just noticed your flowchart, that might already be enough for the data processing app.
Currently, nothing is there to set which shape libraries are shown - it’s defaulting to all of the shapes Draw.io provide. If that is a big deal for you - let me know and I’ll add it in.
My use case is to have personalised business process diagrams.
That’s a mental idea 
- get ChatGPT to create the SVG …
Yeah man, will do. I’ll do some testing first to see whether to do it in Bubble/Python is feastible (f.i. interpreting the XML / or other formats etc.) and will contact you afterwards.
Well, I was thinking about a building a workflow with AI prompts using you plugin, but what you said indeed would be awesome. Something along the lines of “Can you give me a workflow for a purchasing process for services” and it generates the workflow in svg / draw.io format and it is possible to edit it using the plugin.
This is awesome for restaurant booking apps as one potential use case. Restaurant can draw out their table layout, mark the tables via numbers and then see the reservations and status of a table.
When these ‘drawn’ elements are clicked are they able to trigger a workflow action?
2 Likes
@boston85719 I’m just chewing on this idea … So SVG elements can have onClick events attached to them. In draw.io it looks like in the editor you are limited to how much you can edit this onClick. But you can give each element an Id. (eg Table-10)
then …
… you could post-process the SVG to add a generic onClick event to every element - then the plugin could trap that event and fire a Bubble Event … and set an exposed state of ElementId “Table-10” … then you are in Bubble land and can do whatever action makes sense …
… hmmmm pondering
1 Like
