# LeaderLine [![npm](https://img.shields.io/npm/v/leader-line.svg)](https://www.npmjs.com/package/leader-line) [![GitHub issues](https://img.shields.io/github/issues/anseki/leader-line.svg)](https://github.com/anseki/leader-line/issues) [![dependencies](https://img.shields.io/badge/dependencies-No%20dependency-brightgreen.svg)](package.json) [![license](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) Draw a leader line in your web page. **Document and Examples https://anseki.github.io/leader-line/** ```html
start
end
``` ```js // Add new leader line from `start` to `end` (HTML/SVG element, basically). new LeaderLine( document.getElementById('start'), document.getElementById('end') ); ``` [![ex-010](img/ex-010.png)](https://anseki.github.io/leader-line/) It supports options to customize. [![ex-020](img/ex-020.gif)](https://anseki.github.io/leader-line/) Basically, it can indicate HTML/SVG element such as `
`, `