Responsive Bar Chart with JSON Fetching and JS Tooltip Interaction

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

I'm most proud of completing the entire project using only semantic HTML, custom CSS, and vanilla JavaScript. I successfully implemented dynamic bar heights by fetching and processing JSON data, and added interactive tooltips without relying on external libraries.

If I were to do the project again, I’d also consider using a CSS preprocessor like Sass for better style organization.

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

One of the main challenges I faced was ensuring the dynamic heights of the bars were correctly scaled based on the data values. It required calculation and testing to ensure that the tallest bar represented the maximum amount accurately.

What specific areas of your project would you like help with?

I would appreciate feedback on the accessibility of my solution, especially how I handled the tooltips and color contrasts. Also, I’m not sure if my CSS is fully optimized and maintainable — suggestions for improving the structure or using better practices would be very helpful.

Lastly, any tips on how to make the layout more responsive across different screen sizes would be great!