       @container
         .selectAll('.ancestor')
         .on 'click', (d, idx) =>
-          console.log(d)
           d3.event.stopPropagation()
           @zoom(@_ancestors[idx])
       @


    _renderBreadcrumbs: () ->
      breadcrumbData = @_ancestors.map((ancestor, idx) ->
        console.log(ancestor)
        { name: ancestor.name, value: idx })
      breadcrumbs = @container
        .selectAll('.ancestor')


      nodes.append('text')
        .attr('class', 'label')
        .attr('dy', "#{@fontSize / 2}em")
        .attr('x', (d) => @x(d.x) + 2)
        .attr('y', (d) => @y(d.y) + @cellHeight() / 2)
        .style('font-size', "#{@fontSize}em")
        .text((d) => @label(d) if d.name and @x(d.dx) > 40)
      # overlaying a transparent rectangle to capture events
      # TODO: maybe there's a smarter way to do this?
