Событие с переходом в D3

Question

Я изучаю d3. js, я пытаюсь добавить переход вместе с событиями

   let bars = rect.data(data)
    .enter().append("rect")
    
    .attr("width", x.bandwidth())
    .attr("height", (d, i) => {
        return graphHeight - y(d.height);
    })
    .attr("fill", (d, i) => {
        return d.fill
    })
    .attr("x", (d, i) => {
        return x(d.fill)
    })
    .attr("y", d => y(d.height))
    .on("mouseover", (d, i, n) => {
        d3.select(n[i])
            .transition()
            .duration(100)
            .style("opacity", 0.7)
    })
    .on("mouseout", (d, i, n) => {
        d3.select(n[i])
            .transition()
            .duration(100)
            .style("opacity", 1)
    })


bars.transition()
.duration(1000)
.attr("y", d => y(d.height))
.delay((d, i) => {
    return i * 100;
})
.ease(d3.easeElasticOut)

В приведенном выше коде я не получаю transition ().