             # svg.append("text")
             #     .text(percent)
 
+        transitionText = (text) ->
+            console.log("transitionText")
+
+
         # take value from 0-1 and draw arc
         drawArc = (percent, radius, thickness, colorIsRed, arcClass) ->
             console.log("drawArc: #{percent}, #{radius}")

            transitionExpectedArc()

        transitionExpectedArc = ->


        transitionActualArc = ->


        # return color based on values of actual and expected percents
        arcColorIsRed = (actualPercent, expectedPercent) ->

        drawExpectedArc = ->
            console.log("drawExpectedArc")
            #d3.selectAll("svg").remove();
            @expectedArc = drawArc(attrs.expected, innerRadius, innerThickness, 0, 'expected')

        drawActualArc = ->
            console.log("drawActualArc")
            colorIsRed = arcColorIsRed(attrs.actual, attrs.expected)
            @actualArc = drawArc(attrs.actual, outerRadius, outerThickness, colorIsRed, 'actual')
            @text = drawText(attrs.actual)

        drawBothArcs = ->
            console.log("drawBothArcs")
