Как можно сделать анимацию рисования линии от верха к первому тексту, затем появления текста и также с остальными линиями и текстом?
<svg height="800" width="800" style="font-size:2rem">
<path id="lineAB" d="M 400 350 l 0 -280" stroke="red" stroke-width="3" fill="none" />
<text x="150" y="370" dx="-30">Example text text text text text</text>
<!-- Label the points -->
<path id="lineAB" d="M 400 680 l 0 -280" stroke="red" stroke-width="3" fill="none" />
<text x="150" y="685" dx="-30">Example text text text text text</text>
<path id="lineAB" d="M 400 990 l 0 -280" stroke="red" stroke-width="3" fill="none" />
<text x="150" y="985" dx="-30">Example text text text text text</text>
</svg>