Skip to main content
February 14, 2024
Future Consideration

Create animated flow in Lucidchart

Related products:Lucidchart
  • February 14, 2024
  • 36 replies
  • 11404 views

Hello,

I am trying to find a way to create animated flows like it appears here: https://www.linkedin.com/posts/mendix_aws-cloudcomputing-mendix-activity-7107695715962740736-vkX_/?utm_source=share&utm_medium=member_desktop

 

So far, I couldn’t do it in Lucid or find any online tutorial to replicate the same. Draw.io seems able to do so using the ‘Flow animation’ property.

 

Thanks.

Pinned Reply By kellsworth

Thanks everyone for the thoughts here. This is an interesting area to us and something we could consider, but from a technical standpoint there are a few different ways we might want to go about it if we did. I’m curious from this group is anyone has thoughts on how animated flows would be most helpful? 
 

  1. When you are walking someone through a flow live (do you want to see step by step, or everything animating at once and you just talk over it in steps?)
  2. When someone is going to review a doc on their own (does this help them to be able to interpret what is happening without someone walking them through it?)

@shirad - I appreciate your detailed description above. I’m trying to make sure I understand exactly what aspects of the animation allow for “Ensure different personas can view the big picture of complex architecture, easily”. Said differently - what is it about the way the animation works (or that you want it to work) that helps make things easier to understand. 

Comments

Flavia D
Lucid support team
February 14, 2024

Hi @shirad

Thanks for your post! Unfortunately, this isn’t currently supported in Lucid, but we’re very interested in your feedback and committed to continually improving our products. If you’re willing to share, we’d love to hear more details about your use case or what you’d like to see in this experience within this thread.

I’ve also converted this post to an idea so that it’s visible to others within the Product Feedback section of the community - from here, they can upvote it and add details of their own.

Finally, for more information on how Lucid manages feedback via this community, take a look at this post: 

 

shiradAuthor
February 15, 2024

Thank you Flavia.

We build complex integration and data flow architectures based on a large array of business/technical use cases across multiple industries, and present the end to end solution to a wider team and personas, like engineers, product managers, business teams, IT, and C-Level executives, partners … etc

Many of which need to deep dive into the end-to-end architecture, and/or take quick executive decisions.

We also embed many of those architectures in our generic presentations, documentation, and knowledge base.

Having static links means that we need to spend more time explaining our solution, and answering many of the commonly repeated questions. For our documentation, this means writing more to explain the flows, while customers spend more time reading.

 

On the other hand, animated flows speak for themselves, and this allows the majority of the audience to quickly understand the data flows within a complex architecture.

This saves time, looks better, and is clear for all personas.

We also have been asked by many customers to animate complex solution architectures so that it’s easy for them to clearly evaluate the big picture. These architecture includes bot flows, application integration, middleware, service bus, communication protocols, data management, SSO, infrastructure design, network (VPN, VLAN, Firewall … etc), voice infra, and core technologies, … etc.

So imagine that we start with static flows in the preliminary phases, they become complex, and then we need to find a way to animate them. It’s like re-doing the majority of the work again as we need to re-align many components to fit the changed flows, versus, we apply animation from the beginning and scale as we go along.

 

We couldn’t do it in lucid, so we looked at draw.io and managed there at the moment.

In short, the animated flows feature in Lucid will help to:

  • Quickly modernize our existing architectures without using external tools
  • Start building new flows with animation from the very beginning
  • Ensure different personas can view the big picture of complex architecture, easily

I hope this helps to get this feature built in lucid.

I look forward to hearing from you.

Flavia D
Lucid support team
February 16, 2024

Hi @shirad

Thanks for providing additional details use case! 🙌  We highly value users' inputs when prioritizing improvements to Lucid! This detailed description will help promote your idea to our product team and to other Lucid users, who can now upvote it. Thanks for your contribution!

March 27, 2024

This feature would be a huge game changer for my team’s documentation. You can do animated flow arrows today in draw.io, but I love using Lucid Chart and don’t really want to use another tool. Please consider prioritizing this, even if it’s a basic version! 

April 24, 2024

Seems very similar to this idea too, right?  

 

April 25, 2024

Seems very similar to this idea too, right?  

 

IMO it’s different - the ask here is literally just to add an animation to a path (arrow, whatever). So, when you view the chart, you can see the flow diagrams in realtime.

 

The presentations one, would basically be a way to “step through” a predetermined flow and zoom in / highlight each part of a flow. I think the animation would go hand in hand with making a compelling presentation, but it’s separate.

 

Micah
Lucid community team
May 13, 2024
The following idea has been merged into this idea:

All the votes have been transferred into this idea.
kellsworth
Lucid product team
June 3, 2024

Thanks everyone for the thoughts here. This is an interesting area to us and something we could consider, but from a technical standpoint there are a few different ways we might want to go about it if we did. I’m curious from this group is anyone has thoughts on how animated flows would be most helpful? 
 

  1. When you are walking someone through a flow live (do you want to see step by step, or everything animating at once and you just talk over it in steps?)
  2. When someone is going to review a doc on their own (does this help them to be able to interpret what is happening without someone walking them through it?)

@shirad - I appreciate your detailed description above. I’m trying to make sure I understand exactly what aspects of the animation allow for “Ensure different personas can view the big picture of complex architecture, easily”. Said differently - what is it about the way the animation works (or that you want it to work) that helps make things easier to understand. 

-Kevin Ellsworth
Micah
Lucid community team
June 3, 2024
IdeaFuture Consideration
June 12, 2024

 

  1. When you are walking someone through a flow live (do you want to see step by step, or everything animating at once and you just talk over it in steps?) Everything at once and I just zoom into the appropriate section(s) to focus on part of the whole story.
  2. When someone is going to review a doc on their own (does this help them to be able to interpret what is happening without someone walking them through it?) Yes. Animations help to relay state transition, e.g., egg → caterpillar → chrysalis → butterfly. Individually and without prior knowledge, these 4 phases require someone to walk through it. However, when animated, the story becomes self-evident.​​