From the course: Adobe XD Quick Tips

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Animated charts

Animated charts - Adobe XD Tutorial

From the course: Adobe XD Quick Tips

Start my 1-month free trial Buy for my team

Animated charts

“

- [Howard] Hey everyone. I'm Howard Penske. And in this Adobe XD tip, we're going to take a look at building out animated charts, using Component States. Here's a dashboard I've been working on, and right in this area here, I want to add another module with some charts that we can toggle between today and week, and have them animated. So first, what I'm going to do, I'm going to dive into this group that I have set up. I'm going to grab my rectangle tool, shortcut key R, and drag one out right here. And you're noticing because I have a stack enabled on this particular group and the parent group, everything below is pushing away nicely. Now, what I want to do next is grab the style from one of these other components and apply it to our newly created shape. So I'm going to hold down my command or control key to dive directly into one of these groups. Command or control + C to copy, or you can right-click and press copy…

Contents