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

Responsive Expenses-tracker with Vanilla JS, SCSS and Chart.js

@carlpy

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, hope you like my solution, any question and advice will be greatly apreciative

Community feedback

SrHatcher 710

@SrHatcher

Posted

Hello!

Nice Solution, I also used chart JS to make the chart! It was very hard for me to read only the documentation, luckly I found a youtube channel that makes tutorials about how to personalize the charts, this video may help you, I'ts abou how to change the cursor when we hover a Bar.

I hope that channel Helps you. Good luck! :)

Marked as helpful

0

@Ridiscus

Posted

@SrHatcher hello I am currently doing this challenge but I have trouble displaying the graphic chart despite my scss file

0
SrHatcher 710

@SrHatcher

Posted

@Ridiscus sorry, I think I don't understand your problem. If you can't show the graphic in the browser that means you're missing something in your html code (if you're using chartJS), probably the script that connects your project with the chartJS CDN

0

@Ridiscus

Posted

@SrHatcher ok cool it was exactly my problem ( CDN ) thank for your help

1

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