Завершен

display charts

Job Description:

Create Charts only using the following stack: Chartjs & Reactjs

On a Single Page , Read data from a json file. All Charts x-axis are components

1. Display value1_cc value. ( if value1_ccvalue is less than 80 highlight yellow or green if higher ). in a bar chart

[login to view URL] value2_icvalue. ( if value2_icvalue is less than 80 highlight yellow or green if higher ) in a bar chart

3. FortifyResult & Fortify Score. Donut chart. Highlight score when selected or display within the doughnut. Highlight in red if score is less than 38.

4. FOSSResult & FOSS Score. Donut chart. Highlight score when selected or display within the doughnut. Highlight in red if score is less than 38.

5. sonarResult in a pie chart

6. Table to the bottom of the page after these 5 charts are displayed. Table contains raw data from json. Display all contents of table when nothing is selected. When any element of any chart is selected , then display only that specific component details.

For Ex : if on one of the 5 charts , a component is clicked , only that components details are updated in table. if nothing is selected then just display everything from json. Sample json is below.

[{"componentA": {"value1_cc": 81, "value2_ic": 100, "value3_bl": "url1", "fortifyResult": "SUCCESS", "fortifyURL": "url2", "fortifyScore": 21, "fossURL": "url3", "fossSeverValue": 0, "fossCritical": 0, "fossResult": "SUCCESS", "sonarResult": "SUCCESS", "componentName": "componentA", "appBranch": "Develop"}}, {"componentB": {"value1_cc": 89, "value2_ic": 100, "value3_bl": "url4", "fortifyResult": "SUCCESS", "fortifyURL": "url5", "fortifyScore": 21, "fossURL": "url6", "fossSeverValue": 0, "fossCritical": 0, "fossResult": "SUCCESS", "sonarResult": "SUCCESS", "componentName": "componentB", "appBranch": "Develop"}}]

Навыки: JavaScript, Node.js, React.js, Chart.js

О клиенте:
( 0 отзыв(-а, -ов) ) coppell, United States

ID проекта: #35913613

Поручен:

PetarDj25

Hi, anuragk2023jan This is Petar - a new freelancer at the freelancer.com. And that’s why providing perfect quality and finishing the project on time and on budget is really important for me. I have checked your descri Больше

$20 USD за 7 дней(-я)
(1 отзыв)
0.6

7 фрилансеров(-а) готовы выполнить эту работу в среднем за $27

corriganleojohn

Hi Client. Very glad to bid your project. I have read your project carefully and know that it will suit my abilities very well As a senior Web Developer and Designer with over 7 years experiences, I have worked lots of Больше

$50 USD за 1 день
(4 отзывов(-а))
2.5
marceloherrerah5

Hi Sir! Thank you for your job posting! I think my ability is just suitable for your job. Of course, since my job history and feedback score on freelancer is not sufficient, you will not believe me. But don’t worry! Pl Больше

$10 USD за 7 дней(-я)
(1 отзыв)
2.0
pranav428

Hello there! Hope you are doing well! I have previously worked a with ChartJS and I am pretty good with it. I just saw your sample JSON, it looks pretty neat and I think I can complete this task pretty easily. Also I Больше

$15 USD за 4 дней(-я)
(0 отзывов(-а))
0.0
alich0001

To create the charts in ReactJS using ChartJS, you can start by installing ChartJS and react-chartjs-2, which is a React wrapper for ChartJS. I will start your work right now and you will get perfect result in short ti Больше

$50 USD за 2 дней(-я)
(0 отзывов(-а))
0.0
ghycinth9

Hi, I am ready to start your project immediately you accept my proposal. I can use charts js, and I am confident of representing your data the way you want it. Kindly accept my proposal, thanks!

$22 USD за 7 дней(-я)
(0 отзывов(-а))
0.0