AnimatedFlowRenderer

Explore in the sandboxView live

This sample shows how to apply the AnimatedFlowRenderer to an ImageryTileLayer to create an animated streamline visualization of the wind speed and direction.

The AnimatedFlowRenderer can only be used with raster datasets that have a Vector-UV or Vector-MagDir source type. The direction of the raster defines the direction of movement, and the magnitude defines the length of the streamline.

The AnimatedFlowRenderer can only be used with ImageryLayer and ImageryTileLayer in a 2D MapView. The following code snippet shows how to apply this renderer to an ImageryTileLayer.

Use dark colors for code blocks
          
1
2
3
4
5
6
7
8
9
10
const layer = new ImageryTileLayer({
  url: "https://tiledimageservices.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/NLDAS2011_daily_wind_magdir/ImageServer",
  renderer: {
    type: "animated-flow", // autocasts to AnimatedFlowRenderer
    lineWidth: "2px",
    lineColor: [50, 120, 240],
    density: 1
  },
  effect: "bloom(2, 0.5px, 0)"
});

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.