     scoreMaxValue: ->
       _.max _.map(this.scoreData, (data) -> data.score)
   methods:
+    draw: ->
+      if this.scoreData.length > 0 and this.scoreMaxValue > 0
+        this.drawChart()
+      else
+        this.drawPlaceholder()
     drawPlaceholder: ->
       _.each this.shapes, (shape) -> shape.remove()
       barHeight = this.size / 3

    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()
