c-web

c-stats

const data = {
	group1: {
		setup: {
			max: "auto", //max of data
			start: "bottom-left", //to top-right
			color: null, //random hex
			width: null, //line width
			dash: null, //[on, off, on...] if supported
			trans: 1, //alpha
			cap: "butt" || "round" || "square",
			join: "bevel" || "round" || "miter"
		},
		data: [ ]
	}
};
var stats = new Stats('#canvas', data);
stats.full().real();

Stats instance:

parse([data=selfData]): pass data and trigger formating.
print([clear=true]): render data.
real([cancel=false]): activate animation frame (real-time data update) or disable.
full(mode="screen|width|height|page|pwidth|pheight"): make canvas fullscreen, fullpage, fullwidth, full-page-height etc...