Nie można sprawić, by ścieżki rysowały się powoli z D3

Korzystając z biblioteki graficznej d3, nie wydaje mi się, aby ścieżki rysowały się powoli, aby można je było zobaczyć.

Ta strona ma doskonały przykład w sekcji „Wykres liniowy (rozwijanie)”, ale nie podano kodu dla tej sekcji. Czy ktoś mógłby mi pomóc w liniach kodu D3, które mogłyby to spowodować?

Gdy próbuję dodać opóźnienie () lub czas trwania (), taki jak w poniższym fragmencie kodu, ścieżka wciąż rysuje się natychmiast, a cały kod SVG po tym segmencie nie wyświetla się.

    var mpath = svg.append ('path');
        mpath.attr ('d', 'M35 48 L22 48 L22 35 L22 22 L35 22 L35 35 L48 35 L48 48')
             .attr ('fill', 'none')
             .attr ('stroke', 'blue')
             .duration (1000);

questionAnswers(3)

yourAnswerToTheQuestion