Skip to content
Submitted about 3 years ago

Expenses Chart Component

Khalil Nazari•220
@khalilnazari
A solution to the Expenses chart component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there,

I have completed another challenge. The difficulty was in how to design the bar chart. I used the Chart.js library to draw the bar chart, with different data.

Comment bellow any possible improvement.

Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Ahmad Alqaisi•940
    @alQaisi

    Hey KHALIL, You have made a great job :) I want to mention that you don't need to use any library for drawing the simple chart in this challenge, I have finished this challenge by taking some ratio between the data given in the challenge and the height that I'm going to assign to each line, you can take a look at my solution to figure out how I did it and of course, I'm here for any suggestions.

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