var fs = require('fs')
var path = require('path')
var Canvas = require('..')

var canvas = new Canvas(40, 15)
var ctx = canvas.getContext('2d')

function spark (ctx, data) {
  var len = data.length
  var pad = 1
  var width = ctx.canvas.width
  var height = ctx.canvas.height
  var barWidth = width / len
  var max = Math.max.apply(null, data)

  ctx.fillStyle = 'rgba(0,0,255,0.5)'
  ctx.strokeStyle = 'red'
  ctx.lineWidth = 1

  data.forEach(function (n, i) {
    var x = i * barWidth + pad
    var y = height * (n / max)

    ctx.lineTo(x, height - y)
    ctx.fillRect(x, height, barWidth - pad, -y)
  })

  ctx.stroke()
}

spark(ctx, [1, 2, 4, 5, 10, 4, 2, 5, 4, 3, 3, 2])

canvas.createPNGStream().pipe(fs.createWriteStream(path.join(__dirname, 'spark.png')))