1.1.0
A graph library for deno. Inspired by Chart.js. A simpler implementation for basic bar graphs that save to an image.
Repository
Current version released
3 years ago
Dependencies
deno.land/x
Versions
Canvas-API Chart for Deno
A graph library for Deno. Inspired by Chart.js. A simpler implementation for basic bar graphs that save to an image.
π Use with Deno
import Graph from 'https://deno.land/x/deno_chart/mod.ts';
const graph = new Graph({
titleText: 'Uptime',
xAxisText: 'Hours',
yAxisText: 'Day',
backgroundColor: {
r: 0,
g: 0,
b: 0,
a: 0.75,
},
yMax: 50,
bar_width: 25,
graphSegments_X: 18,
xTextColor: 'rgba(255,255,255,1)',
xSegmentColor: 'rgba(255,255,255,0.5)',
yTextColor: 'rgba(255,255,255,1)',
ySegmentColor: 'rgba(255,255,255,0.5)',
// Verbose Logging (Optional)
verbose: true,
});
// Random Bar Generation with Colors!
const COLORS = [
'#345C7D', '#F7B094', '#F5717F', '#F7B094',
'#6C5B7A',
]
for (let i = 0; i < 12; i++) {
const clr = COLORS[Math.floor(Math.random() * COLORS.length)];
const y = Math.floor(Math.random() * 50);
graph.add({
val: y,
label: (i + 1).toString(),
color: clr,
});
}
// Draw to Canvas Context & Save png image
graph.draw();
graph.save('image.png');
π Generated Image
π License
Licensed under MIT.