Expenses chart

What are you most proud of, and what would you do differently next time?

New things I learnt (js)

1. Fetching JSON data using fetch().
2. Creating a bar chart using D3.js.
3. Converting getDay() numeric output into a day name using an array.
4. Retrieving an element’s width and height using clientWidth and clientHeight.
5. Automatically reloading the page on resize for responsiveness.
6. Using getBoundingClientRect() to get an element’s position and size.

What challenges did you encounter, and how did you overcome them?

Had difficulty in making the chart responsive. It didn't budge when the screen size changed --> Fixed by using clientWidth and clientHeight to get the <svg> size. I also use window.onresize to reload the page automatically when resized