         1: 2 * this.size / 3
         2: this.size / 3
       _.each barWidths, (width, index) =>
-        this.draw.rect(width, barHeight - 2)
+        this.svgEl.rect(width, barHeight - 2)
             .fill("#ebebeb")
             .x(0)
             .y(index * barHeight)

    stanceCounts: Array
    size: String # IK: seems bad
  data: ->
    draw: null
    shapes: []
  computed:
    scoreData: ->

      barHeight = this.size / this.scoreData.length
      _.map this.scoreData, (scoreDatum) =>
        barWidth = _.max([(this.size * scoreDatum.score) / this.scoreMaxValue, 2])
        this.svgEl.rect(barWidth, barHeight-2)
            .fill(scoreDatum.color)
            .x(0)
            .y(scoreDatum.index * barHeight)
  watch:
    stanceCounts: -> this.draw()
  template: '<div class="bar-chart"></div>'
  mounted: ->
    this.svgEl = svg(this.$el).size('100%', '100%')
    this.draw()
