topic Re: Animated Flow Lines with Vector Data in ArcGIS JavaScript Maps SDK Questions

Animated Flow Lines with Vector Data

BlakeTerhune — Tue, 24 Oct 2023 20:43:55 GMT

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.

Re: Animated Flow Lines with Vector Data

AnneFitz — Tue, 24 Oct 2023 21:35:41 GMT

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!

Re: Animated Flow Lines with Vector Data

JonathanDawe3 — Wed, 25 Oct 2023 06:26:49 GMT

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

Re: Animated Flow Lines with Vector Data

AnneFitz — Wed, 25 Oct 2023 15:32:23 GMT

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.

Re: Animated Flow Lines with Vector Data

BlakeTerhune — Thu, 26 Oct 2023 16:21:50 GMT

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