Plugin with advanced custom editor - similar to Gliffy and Draw.io

We’re looking into creating a Confluence plugin for our existing app. The exisiting app is used for creating different types of visual diagrams using an web based editor. We’d like to have a similar type of plugin to for example draw.io where we can expose the app editor, have the user create diagram and then insert and show these diagrams on the Confluence page.

I realize this i huge task and would just like to have a few pointers in the right direction as Confluence plugin development is new for us.

We’re looked through the Confluence Cloud Getting Started site and there’s a lot of interesting articles there. But we can’t really find a spot on article for what we’re trying to do. Would for example Custom Editor using Confluence Connect (https://developer.atlassian.com/cloud/confluence/macro-custom-editor-with-confluence-connect) be a good option for us or are we looking for an other way or just trying to show the editor content in an iFrame?