more `animated`

[alixander]

this is a pretty cool diagram.

we should be able to achieve the same effect if we extend animated.

• for shapes, it'll do blinking
• for non-dashed lines, it'll make a circle to move along src to dst.

once connections can get icons, animated on connections can move the icon instead

[bo-ku-ra]

i think the relationship between "style.animated: true" and "--animate-interval" needs to be solved, too.

test.d2

x->y{style.animated: true;}

>d2 --animate-interval 10 test.d2

please see the test.svg

[alixander]

we can also get the label to follow the dot

once connections can get icons, animated on connections can move the icon instead

perhaps this would be easier if we added some builtin icons like circles. maybe just the same values that arrowheads take

[bo-ku-ra]

i would like the feature to change the color of connections on mouse over( or click ) instead of animation. especially when using 'elk'.