Jak zrobić płynne przejście do odwzorowania mapy w d3 js

Chciałbym wykonać płynne przejście między alber / ortographic w tworzonej przeze mnie miniaplikacji, podobnie jak w tym przykładzie:

http://mbostock.github.io/d3/talk/20111018/#27

Wydaje się jednak, że to płynne przejście zostało zerwane w wersji 3, jednak z dość niepewnym przejściem ścieżek mapy:

https://www.evernote.com/shard/s236/sh/46b002bd-9c5b-4e9b-87ef-270c303eb677/2eaeebb267a3fc59df5a8447bbbcc58b/res/37917835-5aad-4509-b534-31a3e3034762/Worst_Tornado_Outbreaks_of_All_Time-20130611-074050.jpg.jpg? resizeSmall & width = 832

Kod jest całkiem prosty, inicjalizuję mapę jako albers, a następnie uruchamiam orto (), aby ją zaktualizować.

function ortho() {
  var self = this, 
    h = 1000,
    w = document.width;

  this.projection = d3.geo.orthographic()
    .scale(500)
    .translate([ (w - 300) / 2, h / 2])
    .clipAngle(90)
    .rotate([90, 0, 0])
    .precision(.1);

  this.path = d3.geo.path()
    .projection(this.projection);

  //update path WITH transition
  d3.selectAll('path')
    .transition()
    .duration(900)
    .attr('d', app.path);

}

Mapa zmienia się z albers na ortograficzną, ale przejście nie jest płynne. Wszelkie myśli byłyby świetne.

questionAnswers(1)

yourAnswerToTheQuestion