             svg.append('g')
                 .attr
                     class: 'x axis'
-                    transform: "translate(0,#{height})"
-                .call(xAxis.tickSize(-height, 0, 0))
+                    transform: "translate(0,#{@height})"
+                .call(xAxis.tickSize(-@height, 0, 0))
             svg.append('g')
                 .attr
                     class: 'y axis'
-                .call(yAxis.tickSize(-width, 0, 0))
+                .call(yAxis.tickSize(-@width, 0, 0))
             svg.selectAll('circle')
                 .data(data)
                 .enter()

                    cy: (d) -> yScale d.magnitude
                    fill: 'red'
                    r: '2'
            )
        )

                d3.scale.linear().range([0, @height]).nice()
            ]

        drawData: (svg, data) ->
            [xScale, yScale] = @getScales()
            xScale.domain d3.extent data, (d) -> d.jd
            yScale.domain d3.extent data, (d) -> d.magnitude
            xAxis = d3.svg.axis().scale(xScale).orient('bottom').ticks(10)
