how to drag reusable basic shapes like rectangle,circle,eclipse,square etc to build a flowchart using mxgraph in angular10

[avash156]

I want to develop an application like https://www.draw.io/ using mxgraph angular but not sure how to proceed on that.

I want to create draggable shapes on the left so that I can drag it to the right on the canvas to add a vertex and then join two vertex using connectors/edge.

Could you please help me on the same as I need your help urgently on the same?
Any help would be really appreciated.