Animated Flow Lines with Vector Data

[BlakeTerhune]

Is there a way to achieve an effect similar to the Animated Flow Renderer using polyline data instead of a magnitude/direction raster? I would like to use an attribute to determine magnitude with the direction of the line geometry.

I did some tinkering with the Animated Lines WebGL sample but the triangulation of the lines is giving odd behavior with my data; the lines don't seem to follow the correct path. I'm hoping there is something a little simpler. Even if it's just moving marker symbols along the path of the line features.

[AnneFitz · Accepted solution]

Hi Blake, this is not currently supported with vector data (outside of a custom layer/WebGL implementation), but we are working on it. Stay tuned! 

[JonathanDawe3 · Accepted solution]

In some simple use cases you can try playing around with simply animating properties of the renderer. Check this example out: https://codepen.io/JDawe/pen/NWeRWGq

[BlakeTerhune]

Yeah, this is pretty close! I haven't dived into the Esri Cartographic Information Model (CIMSymbol) yet. Thank you for this.

[AnneFitz]

Woah, very cool @JonathanDawe3!

You could also try playing around with GIFs (animated CIMPictureMarkers) placed along a line - here's a (not very pretty) example: https://codepen.io/annefitz/pen/eYMRRVv?editors=1010

Using a primitiveOverride on the animatedSymbolProperties.duration property, you can tie the speed of the animation to an attribute value.