Install

Prerequisites

Having ffmpeg installed on your computer see fluent-ffmpeg prerequisites

For ubuntu, you should also do

sudo apt-get install libgif-dev

Npm installation

npm install videoplot

Example

| First example (1 simple curve)| Second example (3 curves)| |---|---| || |

Usage

const Videoplot = require('videoplot');

var plot = new Videoplot({ w:600, h:600, duration: 30, fps: 8 });

// create random data
const y = [];
for(var i = 0; i< 10; i++){
	y.push(Math.random());
}

// chartjs dataset format

const datasets = [];
datasets.push({
	label : "graph",
	borderColor: "#FFFFFF",
	backgroundColor: "#888888",
	fill: false,
	data : y
});

// chartjs dataset format
plot.drawVideoChart({
		type: 'line',
		wScale: 4,
		data: {
			datasets : datasets
		},
		options: {
			elements: {
				point : {
					pointStyle : 'line'
				}
			},
			scales: {
				xAxes: [{
					ticks: {
						display: false
					}
				}],
				yAxes: [{
					ticks: {
						display: false,
						beginAtZero: true,
						suggestedMax: 1
					}
				}],
			}
		}
})
.then(() => {
	console.log("Chart is created");
	// chart is created
	return plot.writeVideoToFile({filename: './examples/example.gif'});
	//return plot.getVideoStream('image/gif');
})
.catch(err => {
	console.error("Error : ", err)
})
.then(() => {
	console.log("Chart is saved into ./examples/example.gif");
})

Documentation

Documentation is inside the code as JSDoc.

TO DO

• better x scale management (labels ...)
• more chartjs options handling
• video output handling

Thanks

Thanks to fluent-ffmpeg and chartjs-node