I have created an organization chart using divs and css.
I’ve connected children with parent using Leaderline.js library. I want to pinch and move around the chart but I cant because each move I need to position SVG lines because they are created auto outside div container. By using position() function its very laggy.
I’ve tried using iframe so that I could move body around and the lines would stay in place but I can’t move body for some reason in the outer html.
So maybe anyone know is there a global position for all lines instead of looping each variable line because I have around 700. Or how do I make it in iframe so that I could just move around the body like it’s a picture.
The chart is basic just a div container and inside chart container in which I loop through data and display it.