Deno Chart v1.1.0

📦 Configuration Features

• Added backgroundColor option with type RGBA
• Added graphValuePrecision option to round Floating-Point values in the graph outline

interface GraphOptions {
  ...
  backgroundColor: RGBA,
  ...
  // Graph Values
  graphValuePrecision: number,
  ...
}

✨ Bar Entry Modifications

• Relaced position entry with type Vector2D with val and label (Optional)
  • Label key by default is the iteration value of that entry. (Entry Index)
  • If the Label is a Number, it is rounded to the nearest graphValuePrecision value

interface BarEntry {
  val:      number,
  label?:   string,
  color:    string,
}

👾 Developer Features

• Removed Vector2D
• New RGBA Interface

interface RGBA {
  r: number,
  g: number,
  b: number,
  a: number,
}

Deno Chart v1.0.1

Minor Update

• Update README to include Deno URL
• Update repo name from canvas-api-chart.deno -> DenoChart

Deno Chart v1.0.0

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, { Vector2D } from 'https://deno.land/x/deno_chart@1.0.0/mod.ts';

const graph = new Graph({
  titleText: 'Uptime',
  xAxisText: 'Hours',
  yAxisText: 'Day',
  
  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({
    position: new Vector2D(i, y),
    color: clr,
  });
}

// Draw to Canvas Context & Save png image
graph.draw();
graph.save('image.png');

🎆 Generated Image

📙 License

Licensed under MIT.