{"id":1502612,"date":"2022-03-22T21:50:22","date_gmt":"2022-03-23T04:50:22","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1502612"},"modified":"2022-03-22T21:55:40","modified_gmt":"2022-03-23T04:55:40","slug":"flow-renderer","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer","title":{"rendered":"Map Viewer introduces animated Flow renderer"},"author":6331,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[30171,115262,176452,26521,764082],"industry":[],"product":[36551],"class_list":["post-1502612","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-animation","tag-imagery","tag-mapping","tag-visualization","tag-whats-new-march-2022","product-arcgis-online"],"acf":{"short_description":"Imagery data with magnitude and direction can now be visualized with animated flowlines and wavefronts","flexible_content":[{"acf_fc_layout":"image","image":{"ID":1502622,"id":1502622,"title":"Airspeed_Flow_Animation","filename":"Airspeed_Flow_Animation.gif","filesize":2045918,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/airspeed_flow_animation","alt":"animated map of windspeed over the Midwest","author":"6331","description":"","caption":"","name":"airspeed_flow_animation","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:39:06","modified":"2022-03-07 22:39:35","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":600,"height":362,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","medium-width":433,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","medium_large-width":600,"medium_large-height":362,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","large-width":600,"large-height":362,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","1536x1536-width":600,"1536x1536-height":362,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","2048x2048-width":600,"2048x2048-height":362,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","card_image-width":600,"card_image-height":362,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Airspeed_Flow_Animation.gif","wide_image-width":600,"wide_image-height":362}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

We are pleased to announce a new way to visualize magnitude and direction data in imagery layers in Map Viewer. The Flow renderer now appears as a mapping option if you have tiled imagery layers or dynamic imagery server tiles (learn more<\/a>) that contain magnitude and direction data<\/strong>. UV<\/code>\u00a0or\u00a0MagDir<\/code> raster datasets are popular in meteorology, climatology, hydrology, and oceanography for capturing things like wind speeds and directions, or ocean currents. To learn more about this kind of data and how to publish it, check out Visualizing raster using a vector field in ArcGIS<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1525262,"id":1525262,"title":"ImageProperties_FLow","filename":"ImageProperties_FLow.jpg","filesize":126947,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/imageproperties_flow","alt":"image properties","author":"6331","description":"","caption":"","name":"imageproperties_flow","status":"inherit","uploaded_to":1502612,"date":"2022-03-22 22:46:20","modified":"2022-03-22 22:46:40","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1545,"height":839,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","medium-width":464,"medium-height":252,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","medium_large-width":768,"medium_large-height":417,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","large-width":1545,"large-height":839,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow-1536x834.jpg","1536x1536-width":1536,"1536x1536-height":834,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","2048x2048-width":1545,"2048x2048-height":839,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow-826x449.jpg","card_image-width":826,"card_image-height":449,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/ImageProperties_FLow.jpg","wide_image-width":1545,"wide_image-height":839}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Don\u2019t have this kind of data?<\/strong> No worries, the Living Atlas of the World has this dataset of ocean currents<\/a> to get you started.<\/strong> More specifically, look for source type Vector-UV<\/em>\u00a0or\u00a0Vector-MagDir<\/em>.<\/p>\n

Once you have this data you can add it to Map Viewer using the add layers panel.<\/a> Then open the Style pane and you should see the Flow style appear. Click Style options to adjust the map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1502782,"id":1502782,"title":"NewPanel_Flow2","filename":"NewPanel_Flow2-e1646694779820.jpg","filesize":51518,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/newpanel_flow2","alt":"User Interface for selecting Flow renderer","author":"6331","description":"","caption":"","name":"newpanel_flow2","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 23:12:24","modified":"2022-03-07 23:13:03","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":450,"height":750,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","medium-width":157,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","medium_large-width":450,"medium_large-height":750,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","large-width":450,"large-height":750,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","1536x1536-width":450,"1536x1536-height":750,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","2048x2048-width":450,"2048x2048-height":750,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-279x465.jpg","card_image-width":279,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/NewPanel_Flow2-e1646694779820.jpg","wide_image-width":450,"wide_image-height":750}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Why using map animation works<\/h2>\n

While the value of this new map style might feel self-evident, it’s worth noting that there is a strong conceptual congruence<\/em> when we use animated maps to depict an animated world. Static maps are great at showing snapshots in time. But the world is a dynamic and complex place that is constantly changing. So when we want to know how things are changing, where things are moving, where things are speeding up or slowing down (and so on) map animation makes the cognitive task easier. Humans are deeply wired to “see” motion and infer things like direction and acceleration at a glance without feeling like we even have to think about it; it’s just *there* in front of our eyes. As a result, we can impart an enormous amount of information in a few second of map animation. And it doesn’t require years of cartographic training for your readers to see: Fast moving, brightly colored flow lines will pop in our visual fields. Flocking behavior<\/em>\u2014where groups of lines move in unison\u2014is also very easy to see with the Flow renderer and allows us to discern large structures from potentially gigabytes of data. Such is power of map animation.<\/p>\n

.<\/p>\n"},{"acf_fc_layout":"content","content":"

Wind Speed Map: Flowlines<\/strong><\/h2>\n"},{"acf_fc_layout":"image","image":{"ID":1502652,"id":1502652,"title":"WindsFlowRenderer","filename":"WindsFlowRenderer.png","filesize":1624628,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/windsflowrenderer","alt":"","author":"6331","description":"","caption":"Click to see live map","name":"windsflowrenderer","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:44:20","modified":"2022-03-07 22:45:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2176,"height":1293,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer.png","medium-width":439,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer.png","medium_large-width":768,"medium_large-height":456,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer.png","large-width":1818,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer-1536x913.png","1536x1536-width":1536,"1536x1536-height":913,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer-2048x1217.png","2048x2048-width":2048,"2048x2048-height":1217,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer-783x465.png","card_image-width":783,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/WindsFlowRenderer-1818x1080.png","wide_image-width":1818,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/mapviewer\/index.html?webmap=9ae26c3f3ab64585a3d05230d87ba845"},{"acf_fc_layout":"content","content":"

This map<\/a> uses flowlines to depict daily wind speed and magnitude for one year in the US. Fast winds create faster, thicker lines. A color ramp has also been applied to the lines to reinforce this: yellow lines show the highest wind speeds. As a map author you have a choice with flow maps to show the lines using a single color or a ramp.<\/p>\n

With this map be sure to use the time slider to explore how winds change day-to-day; the contrast in weather systems is really dramatic and beautiful. The map loads on day 1, but the rest of the year is just as interesting!<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1502692,"id":1502692,"title":"timeSlider_flow","filename":"timeSlider_flow.png","filesize":375188,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/timeslider_flow","alt":"","author":"6331","description":"","caption":"","name":"timeslider_flow","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:47:30","modified":"2022-03-07 22:47:41","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2041,"height":582,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow.png","medium-width":464,"medium-height":132,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow.png","medium_large-width":768,"medium_large-height":219,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow.png","large-width":1920,"large-height":547,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow-1536x438.png","1536x1536-width":1536,"1536x1536-height":438,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow.png","2048x2048-width":2041,"2048x2048-height":582,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow-826x236.png","card_image-width":826,"card_image-height":236,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/timeSlider_flow-1920x547.png","wide_image-width":1920,"wide_image-height":547}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

By default, a bloom effect <\/a>is applied to flowlines on dark basemaps. Authors can use any layer effects they want (hint: try dropshadow!) or modify the strength of existing effects using the Effects pane<\/a>.<\/p>\n

 <\/p>\n

Sea Ice in Antarctica: Wavefront<\/strong><\/h2>\n"},{"acf_fc_layout":"image","image":{"ID":1502702,"id":1502702,"title":"Sea_Ice_FLOW","filename":"Sea_Ice_FLOW.gif","filesize":2037351,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/sea_ice_flow","alt":"Animation showing movement of sea ice in Antarctica","author":"6331","description":"","caption":"Click to see live map.","name":"sea_ice_flow","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:48:22","modified":"2022-03-07 22:49:21","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":600,"height":441,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","medium-width":355,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","medium_large-width":600,"medium_large-height":441,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","large-width":600,"large-height":441,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","1536x1536-width":600,"1536x1536-height":441,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","2048x2048-width":600,"2048x2048-height":441,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","card_image-width":600,"card_image-height":441,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Sea_Ice_FLOW.gif","wide_image-width":600,"wide_image-height":441}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/mapviewer\/index.html?webmap=d979b87531e641058a1184c6c529d278"},{"acf_fc_layout":"content","content":"

In the Flow renderer, we offer a second visualization style called Wavefront. If you think of Flowline as the body of the arrow, Wavefront is just the head of the arrow. It is meant to mimic a shockwave or wavefront travelling across the surface. Experiment to see if Wavefront of Flowline works best with your data.<\/p>\n

In the example above sea ice movement around Antarctica shows a lot of complexity<\/a> with some areas moving much faster than others. It also reveals the presence of large-scale structures like gyres that are hundreds of miles wide; there is geographic structure and order in this data that the animation makes plain to see. I especially like how the wavefront lines fade away near the edges of the pack ice, just like they do in the real world.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1502712,"id":1502712,"title":"Screen Shot 2022-03-04 at 4.21.29 PM","filename":"Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","filesize":75033,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/screen-shot-2022-03-04-at-4-21-29-pm","alt":"User interface for controlling the look of the flow maps","author":"6331","description":"","caption":"","name":"screen-shot-2022-03-04-at-4-21-29-pm","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:50:14","modified":"2022-03-07 22:50:34","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":408,"height":1000,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","medium-width":106,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","medium_large-width":408,"medium_large-height":1000,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","large-width":408,"large-height":1000,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","1536x1536-width":408,"1536x1536-height":1000,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-e1646694126647.png","2048x2048-width":408,"2048x2048-height":1000,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-190x465.png","card_image-width":190,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/Screen-Shot-2022-03-04-at-4.21.29-PM-441x1080.png","wide_image-width":441,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The UI allows you to adjust the speed, density, length and width of the lines. Switch between Flowline and Wavefront right at the top of the pane. If you use a color ramp be sure to use the handles on the side to change how the colors get applied to the data values; it can make a dramatic difference in the appearance of the map. If you don\u2019t like the effects applied you can quickly turn them off at the bottom of the pane, or go to the Effects pane itself to tweak them or use different Effects entirely!<\/p>\n"},{"acf_fc_layout":"blockquote","content":"

Pro Tip: As you can imagine this is a computationally intensive renderer that is doing a lot of really advanced math behind the scenes. For the speediest performance use tiled imagery layers, like the examples above do.<\/p>\n"},{"acf_fc_layout":"content","content":"

Next Steps<\/strong><\/h2>\n

If you\u2019re new to MagDir\/UV imagery services, as I was, I encourage you to try this sample dataset<\/a>\u00a0in the Living Atlas of the World. Also note that our recent additions of blend modes<\/a> and layer effects<\/a> work perfectly with these kinds of maps, allowing for real creativity: This map of ocean currents that has a \u201cStarry Night\u201d by van Gogh vibe achieved with a strong bloom effect + vivid blending. I find bloom works especially well over top of the popular Nova basemap. Don\u2019t be afraid to experiment and have fun.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1502732,"id":1502732,"title":"OceanCurrents-Flow","filename":"OceanCurrents-Flow.png","filesize":2222654,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\/oceancurrents-flow","alt":"complex ocean currents","author":"6331","description":"","caption":"","name":"oceancurrents-flow","status":"inherit","uploaded_to":1502612,"date":"2022-03-07 22:53:28","modified":"2022-03-07 22:54:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2375,"height":1741,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow.png","medium-width":356,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow.png","medium_large-width":768,"medium_large-height":563,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow.png","large-width":1473,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow-1536x1126.png","1536x1536-width":1536,"1536x1536-height":1126,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow-2048x1501.png","2048x2048-width":2048,"2048x2048-height":1501,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow-634x465.png","card_image-width":634,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/OceanCurrents-Flow-1473x1080.png","wide_image-width":1473,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Happy mapping!<\/p>\n

Thanks to my colleague Anne Fitz<\/a> for teaching me many things here and for the great feedback on this post.<\/em><\/p>\n"}],"authors":[{"ID":6331,"user_firstname":"Mark","user_lastname":"Harrower","nickname":"Mark Harrower","user_nicename":"mark-harrower","display_name":"Mark Harrower","user_email":"MHarrower@esri.com","user_url":"","user_registered":"2018-03-02 00:18:17","user_description":"Map nerd. Passionate about great design, teaching, and doing cool things with data.","user_avatar":""}],"related_articles":[{"ID":1424422,"post_author":"10062","post_date":"2022-03-23 10:00:22","post_date_gmt":"2022-03-23 17:00:22","post_content":"","post_title":"Create an animated flow visualization with the ArcGIS API for JavaScript","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"create-an-animated-flow-visualization-with-the-arcgis-api-for-javascript","to_ping":"","pinged":"","post_modified":"2022-03-23 11:12:30","post_modified_gmt":"2022-03-23 18:12:30","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1424422","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1456782,"post_author":"10352","post_date":"2022-01-12 22:16:20","post_date_gmt":"2022-01-13 06:16:20","post_content":"","post_title":"Visualize raster using a vector field in ArcGIS","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"visualize-raster-using-a-vector-field-in-arcgis","to_ping":"","pinged":"","post_modified":"2022-06-16 23:21:33","post_modified_gmt":"2022-06-17 06:21:33","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1456782","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1322972,"post_author":"7921","post_date":"2021-08-31 17:30:08","post_date_gmt":"2021-09-01 00:30:08","post_content":"","post_title":"Visualize and animate flow in MapView with a custom WebGL layer","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"visualize-and-animate-flow-in-mapview-with-a-custom-webgl-layer","to_ping":"","pinged":"","post_modified":"2024-04-12 03:59:02","post_modified_gmt":"2024-04-12 10:59:02","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1322972","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/826Card-Flow.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/1920Banner-Flow.jpg"},"yoast_head":"\nMap Viewer introduces animated Flow renderer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map Viewer introduces animated Flow renderer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-23T04:55:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\"},\"author\":{\"name\":\"Mark Harrower\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a39de3df320c61ccb9b5784077bfc8d6\"},\"headline\":\"Map Viewer introduces animated Flow renderer\",\"datePublished\":\"2022-03-23T04:50:22+00:00\",\"dateModified\":\"2022-03-23T04:55:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\"},\"wordCount\":6,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"animation\",\"Imagery\",\"mapping\",\"Visualization\",\"whats new march 2022\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\",\"name\":\"Map Viewer introduces animated Flow renderer\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-03-23T04:50:22+00:00\",\"dateModified\":\"2022-03-23T04:55:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map Viewer introduces animated Flow renderer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a39de3df320c61ccb9b5784077bfc8d6\",\"name\":\"Mark Harrower\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/506a60fd9a86e9a7b42640beff2714fec741d1077ed2e277ede81abd399baf13?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/506a60fd9a86e9a7b42640beff2714fec741d1077ed2e277ede81abd399baf13?s=96&d=blank&r=g\",\"caption\":\"Mark Harrower\"},\"description\":\"Map nerd. Passionate about great design, teaching, and doing cool things with data.\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/mark-harrower\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Map Viewer introduces animated Flow renderer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer","og_locale":"en_US","og_type":"article","og_title":"Map Viewer introduces animated Flow renderer","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2022-03-23T04:55:40+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer"},"author":{"name":"Mark Harrower","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a39de3df320c61ccb9b5784077bfc8d6"},"headline":"Map Viewer introduces animated Flow renderer","datePublished":"2022-03-23T04:50:22+00:00","dateModified":"2022-03-23T04:55:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer"},"wordCount":6,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["animation","Imagery","mapping","Visualization","whats new march 2022"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer","name":"Map Viewer introduces animated Flow renderer","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-03-23T04:50:22+00:00","dateModified":"2022-03-23T04:55:40+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/flow-renderer#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Map Viewer introduces animated Flow renderer"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/a39de3df320c61ccb9b5784077bfc8d6","name":"Mark Harrower","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/506a60fd9a86e9a7b42640beff2714fec741d1077ed2e277ede81abd399baf13?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/506a60fd9a86e9a7b42640beff2714fec741d1077ed2e277ede81abd399baf13?s=96&d=blank&r=g","caption":"Mark Harrower"},"description":"Map nerd. Passionate about great design, teaching, and doing cool things with data.","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/mark-harrower"}]}},"text_date":"March 22, 2022","author_name":"Mark Harrower","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/mark-harrower","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/03\/1920Banner-Flow.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":30171,"name":"animation","slug":"animation","term_group":0,"term_taxonomy_id":30171,"taxonomy":"post_tag","description":"","parent":0,"count":23,"filter":"raw"},{"term_id":115262,"name":"Imagery","slug":"imagery","term_group":0,"term_taxonomy_id":115262,"taxonomy":"post_tag","description":"","parent":0,"count":153,"filter":"raw"},{"term_id":176452,"name":"mapping","slug":"mapping","term_group":0,"term_taxonomy_id":176452,"taxonomy":"post_tag","description":"","parent":0,"count":60,"filter":"raw"},{"term_id":26521,"name":"Visualization","slug":"visualization","term_group":0,"term_taxonomy_id":26521,"taxonomy":"post_tag","description":"","parent":0,"count":45,"filter":"raw"},{"term_id":764082,"name":"whats new march 2022","slug":"whats-new-march-2022","term_group":0,"term_taxonomy_id":764082,"taxonomy":"post_tag","description":"","parent":0,"count":27,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2690,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2427,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1502612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/6331"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1502612"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1502612\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1502612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1502612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1502612"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1502612"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1502612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}