LinesSvg is a financial chart library. Support formats are lineal, candlestick, sma & ema charts.
npm install lines-svg
LinesSvg is a financial chart library based on snapsvg. You can use it to create HTML5 forex/stock charts. The library support standart time based graphics(linear, sma, ema ...), toolset for end users to draw(hints, notes, signals) and create snapshots in PNG or Canvas format.
1. Linear
2. Japan candlestick
3. Simple Moving Average(SMA)
4. Exponential Moving Average(EMA)
1. Rectangle
2. Circle
3. Line
4. Text
5. Pointer
1. Npm
npm install lines-svg
2. From repo
``bash`
$ git clone
$ cd project_folder
$ npm install
$ npm run build
`bash`
const chartData = [
[1.1, 1.1, 1.3, 1.2, 1588368812844]
...
]; // ohlc Data with timestamp
const l = new Lines(elementID);
l.data(chartData);
l.draw();
Install development dependencies:
`bash`
$ npm install
Then:
`bash`
$ npm run test
Interface and functions signature are :
1. Constructor Lines("elementID"), expect argument to be existing DOM svg element with elementID.
2. Instance.data(dataSet) method expect dataSet to be Array with particular structure ['open', 'high', 'low', 'close', 'timestamp'].
3. Instance.draw(type) method, expect/support: all, line, candle, sma, ema type of charts. Default value is all.
4. Library support also end user draw of lines, arrows, tunels.
1. Transfer library to typescript & use the option to modulize it. Export some of the properties to different file.
`
npm run build:watch
npm start
IP : 5000 / example/build.html
- https://github.com/andyhaskell/webpack-mocha-tutorial
- https://github.com/vyasriday/webpack-js-library
https://medium.com/@binyamin/creating-a-node-express-webpack-app-with-dev-and-prod-builds-a4962ce51334