Draw Directional SVG Paths Between Elements – svgDynamicDirectionalPath.js

The svgDynamicDirectionalPath.js JavaScript library dynamically draws responsive, directional SVG paths between block elements to visualize the relationship you want.

See also:

• Draw SVG Paths Between Two Elements – leader-line

How to use it:

Import the svgDynamicDirectionalPath.js script into the document.

<script src="src/svgDynamicDirectionalPath.js"></script>

Create a directional path between two div elements.

<div id="div1"></div>
<div id="div2"></div>

var div1=document.getElementById('div1');
var div2=document.getElementById('div2');
dynamicPath(div1,div2);