Full-Stack React Projects - Second Edition

Average expenses per category in a pie chart

We can render a pie chart showing how much users spend on average per expense category over a given period of time. This will help users visualize which categories consume more or less of their wealth over time. The following screenshot shows how the pie chart will render with user expense data:

We populate the pie chart with each category and its average expenditure value, showing the corresponding name and amount as labels. In the following sections, we will implement this feature by first adding a backend API that will return the average expenses per category over the given date range and in ...