D3 ve SVG öğelerine animasyon oluşturma

Question

SVG ve D3.JS, kullanarak JSON verilerinden daire özelliklerini alarak Olimpik logo (beş daire ile) oluşturmaya çalışıyorum ve sonra bazı animasyonlar atamak istiyorum çevreleriyle, muhtemelen ilk daireyi animasyonla son çemberle değiştirerek. Kodun yarısına geldim ama çevrelere nasıl ulaşacağım ve bazı geçişler ekleyeceğim.

JSBIN

Answer 1

Ne zaman yaptığım ben eklemek ek bir parametre güncellemesi üzerinde geçişler gerçekleştirmek için bir animasyon bayrak verileri alır ve buna göre düğümleri güncelleyen bir güncelleme fonksiyonu var olan

function update(data, animate) { 
    // bind data 
    // enter 
    // enter + update 
    // - if animate = true perform animation 
    // exit 
} 

demo