How to animate a pie chart in Adobe XD

In this tutorial I'll show you how to create and then animate a pie chart in Adobe XD. Download the design file here - https://bit.ly/2yA9wFy | Subscribe - https://bit.ly/2AQm1xh

This design makes use of the Adobe XD component states, each piece of the pie chart will rise depending on which segment is selected from the options on the left. It's not possible to achieve this with the hover trigger because of the shape of the component, but I think this is an effective work around.

The pie chart is a really great choice for showing percentage based data. Making use of high contrast colours from a monochromatic palette (based off the same original colour) can really help to make boring data more engaging to users.

#UXandD #AdobeXDtutorial #UIdesign

Видео How to animate a pie chart in Adobe XD канала UX&D