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

expense chart component

Vani 160

@VANIMEHTA

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


I couldn't figure out how to use data.json so I made this one normally If some one could explain how do I import data from data.json and then use it in graph it will be really helpful:)

Community feedback

James 340

@James-alderson

Posted

Hi Vani, I have made a fork in your project's github repository, you can see there the solution to get the data from the data.json file.

To get data from data.json file:

  1. First, be familiar with the asynchronous concept in JavaScript.
  2. Then, with the help of one of the methods (XHR or Fetch API), get the information from the external file or web API.

Of course, I have also made some changes in the main files of the project, which I have written in the Changes.txt file. I have written a series of solutions that will help you to code better and cleaner. And I have put it in the Solutions.txt file.

Don't worry about the many solutions in the Solutions.txt file, you will learn them over time.

It is better to practice a lot on your flexbox and css grid

I have put the address of the videos with which I have been able to understand the asynchronous concept and get information by Fetch in my GitHub repository, you can visit them.

Continue to learning 💪 And happy codding 🚀

Marked as helpful

0

Vani 160

@VANIMEHTA

Posted

@James-alderson hey! thank you so much for the help, I'll check out the resources you have mentioned for better understanding!

0

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