Knowcode ] Flow chart plugin
https://knowcode.tech
Contact via Bubble Forum

Flowchart Plugin

The goal of this plugin is to be able create and save good looking, simple Flow Chart processes.  "boxes with connections"
It is not trying to be something like an embedded Miro, Lucid chart etc requiring subscriptions and a signup to use.
You can also consider this plugin as an alternative option. https://flowchart-82266.bubbleapps.io/version-test/. This is based on Draw.io

Available actions for your workflows

  • Export json - which fire the event "Export ready" so you can save the changes
  • Load a new flow chart
  • zoom in, out, reset
  • lock and unlock changes to the chart - so you can have "read only" charts
  • show and hide the symbol menu - so you can have view only mode
  • New (clear) the flowchart
  • Show a "how to" flow chart
I'll add more shapes on flowchart shapes and symbols on request. It was a tonne of work just to get this working.
Load in flowcharts from your database. Flowcharts are stored as JSON - so you could dynamically edit that JSON to have dynamic labels.
What next? Either more shapes and more customisation of the shapes- but I really don't want to just create another drawing package. There are tonnes of those.  More interesting would be to be able to insert dynamic content into the boxes. It would be possible - as under the covers the diagram is just JSON that can be managed in Bubble.
Symbols
Big Label
Small Label
Small 2 in 2 out
Big 1 socket
Big 1 in 1 out
Big 1 in
Big 2 in 2 out
Big 1 in 2 out
Big 2 in 1 out
👏 Controls

Simple flowchart


Need more shapes?
Get in touch


Shortkeys:

🎹 Delete for remove selected
💠 Mouse Left Click == Move
❌ Mouse Right == Delete Option
🔍 Ctrl + Wheel == Zoom

FAQ

Why not lots of shapes and customisation? Partly because of the time and effort to create them, but mostly because I want simple diagrams.

Why are the connectors always forcing left to right?
Because. :-)

I need some special shapes? Possible?
Yes - the shapes are just HTML & CSS. If you have some vital requirements the plugin ought to have I may add them - contact me lindsay@knowcode.tech

Plan B - Bubble Backups https://planbackups.io
My Bubble Profile & Plugins
https://bubble.io/contributor/knowcode-1595426107417x822993085097189100
Pleased to say all 5* reviews.
My Coaching
https://nocodeguides.io/profile/lindsaysmith book a quick expert consultancy session
My Youtube Channel - about my plugins.
https://www.youtube.com/c/LindsaySmithRocks
My Freelancing Website 
https://www.knowcode.tech
https://knowcode.tech