#018 - Analytics Chart

It took forever to get this one off the ground. It took me four separate days to complete this and it’s like I didn’t have any sort of urgency to finish it.


2018-10-25 - Flow - #dailyui - #08

2018-10-25 - Flow - #dailyui - #08

I divided parts of the screen into sections then got to work figuring out how exactly I wanted this analytics chart to look.

2018-10-29 - Flow - #dailyui - #13

2018-10-29 - Flow - #dailyui - #13

I watched a video on YouTube to show me how to create the line graph in Adobe XD.

2018-10-29 - Flow - #dailyui - #15

2018-10-29 - Flow - #dailyui - #15

Since I wasn’t feeling the straight lines at all, I used the Pen tool to make the lines curve a bit. Yes, it took a lot of time, and no, the Pen tool is not my favourite tool.

2018-10-29 - Flow - #dailyui - #19

2018-10-29 - Flow - #dailyui - #19

I felt that having the graph take up the bottom of the screen was a better choice than how it was before, so I moved the “Progress” and “Amount To Saved Date” circles to the upper right corner.

2018-11-06 - Flow - #dailyui - #20

2018-11-06 - Flow - #dailyui - #20

A quick peek at how the “Day”, “Week”, and “Month” options were laid out.

And at last, the final product…

And at last, the final product…