Submitted 11 months ago

Expenses chart component (ChartJS, Tailwind)

tailwind-css, chart-js

Martin•290

@Shanahan914

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

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

A lot of fun getting to use Chart-js and making customisations to meet the spec. Happy that I included functions to find the max value and then provide the correct colours for the bars.

Only thing I'd like to do is fetch the json data rather than include in the script. I tried but got a cors issue. Something to look into.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Martin's solution.

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