Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Dynamic Expenses Chart Component w/o using any **Chart Libraries**

@IamArshadAli

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


🙋‍♂️ Hello, Everyone,

Here is my solution for the Expenses Chart Component.

  • Scored 99% on Google Pagespeed Insights! 🤩
  • Built with ReactJS | Designed with TailwindCSS 🛠️
  • Created a function that dynamically calculates the height of the bar 📊
  • Learned to add dynamic styling to an element ⬆️
  • Completed the challenge without using any Chart Libraries 🚀

I'll be happy to hear any other Feedback or Advice on best practices. 🤓

Code Together | Learn Together | Grow Together

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord