Svg-Dynamic-directional-Path.js

It is a javascript library. Using this library you can create Dynamic path with arrow direction between html div elements with good visualization and responsive.

Why need Svg-Dynamic-directional-Path.js??

Sometimes we need to connect two div elements dynamically with direction for best visualization in our application.

Prerequisites

• Here always path will be ended in top width of div elements.
• Always prefer to take big size(width to be big) div elements. like 100px width of div elements.because for best visualization this library takes some gap between two points which are in same element.Otherwise its visualization will not be perfect.
• Always take some space around any div otherwise if you take any div element in (0,0) point then either you can not see paths or you visualization will be worst.

Demo

This is a simple demo that can see how it works.

Installation

  1.you can download it.
  2.You can clone the project folder using git command $ git clone
  https://github.com/santanubiswas948/Svg-dynamic-directional-path.js.git

Getting Started

• Then open the index.html using any browser after downloading or cloning in any browser.

Contributing

Your PRs and stars are always welcome.

• Add your new features or fixes.
• Build the project.

Contributors

• Santanu Biswas

Lincense

Liencensed under MIT.