Redraw connections after moving nodes

[beard7]

I've used the Drag and Drop community sample (https://stackblitz.com/edit/js-bmyjfc?file=index.html) to enable re-organisation of the chart and it's working well.

Using a very minor modification, it's possible to drag nodes to anywhere in the chart -- is there a way that connecting lines could be redrawn after moving a node to a random position (it's probably a big ask!).

[bumbeishvili]

Yes, definitely don't plan to work on that.

If you want to take a swing at it,

you will need to get connectionsWrapper from the chart state and then manually update positions as you are drawing

Here is how it looks within org chart code

org-chart/src/d3-org-chart.js

Lines 974 to 979 in cb1f376

	.attr("d", (d) => {
	const xo = attrs.layoutBindings[attrs.layout].linkJoinX({ x: x0, y: y0, width, height });
	const yo = attrs.layoutBindings[attrs.layout].linkJoinY({ x: x0, y: y0, width, height });
	const o = { x: xo, y: yo };
	return attrs.layoutBindings[attrs.layout].diagonal(o, o, null, { sy: attrs.linkYOffset });
	});

So, code will look like this

const state = chart.getState();
const wrapper = state.connectionsWrapper;
const connections = wrapper.selectAll('.connection')

// Then plug following code into drag event
connections
 .attr("d", (d) => {
       return `customly positioned path taking the linked sample into account`
  });

[beard7]

Apologies for the lack of response... I've been switched to focus on other matters, but thanks for the tip. I'll give it a go when I get chance. Cheers