       domain: [0,15,30]
     kda:
       range: ["#7A1810","#3B3E40","#0F7015"]
-      domain: [1,1.5,3]
+      domain: [1,2,3]
 
   getInitialState: ->
     if @props and @props.data
       return _.extend @DEFAULT, @props
     else
-      @get_data()
+      @_get_data()
       return @DEFAULT
 
   componentDidMount: ->

          children: response
    )


  componentDidUpdate: ->
    @treemap = d3.layout.treemap()
        .round(false)
        .size([960, 500])
        .sticky(true)
        .value((d) =>
          return d[@state.size] + 5000
        )

    @color = d3.scale.linear()
      .range(@SCALES[@state.color].range)
      .domain(@SCALES[@state.color].domain)
    console.log(@state.data)
    nodes = @treemap.nodes(@state.data)
    chart = d3.select(".treemap-points")
    cells = chart.selectAll("g.cell.parent").data(nodes)
                 .enter()
                 .append("svg:g")
                 .attr("class", "cell")
                 .attr("transform", (d) ->
                   return "translate(" + d.x + "," + d.y + ")"
                 )

    cells.append("svg:rect")
      .attr("class", "cell-box")

      ).on('click', (d) =>
        PubSub.publish 'sidebar', _.extend(d, {isOpen: true})
      )

    cells.append("svg:image")
      .attr("xlink:href", (d)-> "http://ddragon.leagueoflegends.com/cdn/5.7.2/img/champion/#{d.key}.png")
      .attr("x", 0)
      .attr("y", 0)
      .attr("width", 20)
      .attr("height", 20)


  render: ->
    content = if @state?.data? then <Svg /> else <LoadingIndicator />
