Color Variable

In the design, the front page of Tabunganku will feature a pie chart. Back then, my primary concern was ensuring the distinct identification of each category. After some consideration, I realized that users’ priority might be to view a beauty chart without any configurations. In the worst-case scenario, a user might ignore the color selection process, leading to the pie chart displaying in black color. For this reason, I have made the decision to remove the color value from the input. By doing so, users will no longer have to worry about selecting colors for pie chart.

What Next?

I explored various charting libraries, and settled on Chart.js. I have implemented the mockup using this library. Chart.js automatically handles color selection for the chart, eliminating the need for users to provide any color inputs.

Main Page Mockup