Build D3.js sortable bar chart within React.js component

Finalizat Postat la acum 3 ani S-au achitat serviciile după ce au fost prestate
Finalizat S-au achitat serviciile după ce au fost prestate

Hello there!

We want a D3.js chart within a React.js component, that updates the chart when the data is updated.

Requirements:

- React.js 17.0.1

- d3.js 6.5.0

- 2x Datasets provided in the '[login to view URL]'

- The data is initialised in the component state with 'dataset1'

- A "Change" button above the chart calls setState to 'dataset2', thus updating the chart (including rescaling axes)

- A "Order ascending" button above the chart changes order ascending value (this should be a function in the React component that reorders the data, and the chart automatically updates).

- A "Order descending" button above the chart change order descending value (this should be a function in the React component that reorders the data, and the chart automatically updates).

- Styling of the axes, gridlines to appear as per attached file "[login to view URL]"

- However, needs to be a portfolio sortable bar chart ([login to view URL]@d3/sortable-bar-chart), so the bars/rectangles to appear as per this chart, including the transition functions with the animation.

- The bars should be colored as per the provided variable "colors" in '[login to view URL]'; and the color should stay with the data when it re-orders.

Deliverables:

- Visual confirmation that the code works (eg: screenshare, video of screen)

- Textfiles for the React.js component, and associated .js or other files

- [login to view URL] for the working version in the freelancers development environment

- Confirmation that the code works in our development environment

Thanks!

JavaScript CSS HTML D3.js React.js

ID Proiect: #29648739

Detalii despre proiect

9 propuneri Proiect la distanță Activ acum 3 ani

Acordat lui:

srdeveloper8988

Hello I can do this [login to view URL] can discuss on detail in chat. rest payment will be after completion of work. thanks for your time

%selectedBids___i_sum_sub_7%%project_currencyDetails_sign_sub_8% AUD în 5 zile
(32 Recenzii)
5.8

9 freelanceri plasează o ofertă medie de 114$ pentru proiect

aleksandrskvor

Hi. I am a professional javascript engineer with 7+ years experience. So far, I have worked on various types of project such as Q&A, CRM, Video Streaming, etc. I gained almost javascript library and I have rich experei Mai multe

$150 AUD în 3 zile
(22 recenzii)
6.2
stepanbohanov

Hi, Jerome. I just read your job descripotion carefully and understood what you want exactly. I can start work immediately and finish it asap. I have rich experience in D3, React, Redux, Hook. I completed many projec Mai multe

$150 AUD în 1 zi
(44 recenzii)
6.1
ayesha0124

Hello there, I have read the brief details on the job listing. I believe its a doable job I have great experience doing projects with React.js, HTML, JavaScript, D3.js and CSS. You can check my experience, customer f Mai multe

$110 AUD în 15 zile
(11 recenzii)
5.6
pellegrinin

Hello. As a senior javascript developer, I am an expert in d3.js and have built the several chart using d3.js before. I checked the image and data that you attached and can deliver the result in 1 day. I am ready to st Mai multe

$100 AUD în 1 zi
(2 recenzii)
2.6