Skip to content
Submitted almost 2 years ago

Expenses chart

Kathryn•320
@KathrynDavies123
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Filled out the data and generated the charts dynamically using the JSON file. Also checked for the current day and displayed the background of the chart item of that day in the alternate colour.

Any tips on how to generate the chart bars? I managed it but it took a bit of manual calculation and I wonder if I'm missing something obvious.

Community feedback

  • Maisha Mir•160
    @maishamirPosted almost 2 years ago

    I used chartJS to create the bars! Definitely check it out! No manual calculation needed :D If you have the chance please do take a look at mine as well.

    Marked as helpful
    1
    Kathryn•320
    @KathrynDavies123Posted almost 2 years ago

    @maishamir Thanks! ChartJS looks like a very easy solution that would have helped a bit :D

    0
    Maisha Mir•160
    @maishamirPosted almost 2 years ago

    @KathrynDavies123 No problem! Glad I could help :)

    0

Please log in to post a comment

Log in with GitHub

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