https://codesandbox.io/s/wxo4z
My actions:
-
Learned the library org-chart by dabeng with my data. https://github.com/dabeng/react-orgchart
-
Created component "My Chart". It includes all possibilities of library orgchart.
- Node: Drag and drop, Edit, Delete, Add new, Select
- Chart: Transform (zoom, move), Export (png, pdf)
-
Added my own functionality:
- Two different Mode - Edit and View. By default: View Mode.
- In edit mode, when node is selected - it became possible to change, not only Title and Body, but also the color.
- On a top-right of Node became a amount on children nodes.
- By default children nodes is collapsed. (3 layer)