Graph Types - Copy this React, Tailwind Component to your project

I want to create a dynamic graph using Canvas.js. There will be a left navigation menu and an empty container on the right. In the left nav, there will be a list of graph types such as area, bar, funnel, and others. I want to be able to drag any of these graph types and drop them into the empty container, where the graph will appear. I should be able to resize the dropped graph, making it bigger or smaller. Additionally, when I drop multiple graphs into the container, I want to be able to drag and drop to reorder them and resize each of them individually.