Create Reusable React Component for Heat Map using D3.js

Need to create a Resusable React Component for Heat Map using D3.js. Image has been attached with the job. Please check that. Given below is the other information. 1. React Version-16.0 2. D3 Version 4.0 3. Create reusable components for heat map (D3 Chart JS) using react lifecycle methods. 4. Check the image for expected output. 5. Data Source : X Axis : 0 to 24 hours and Y Axis : 1 to 31 Days. 6. Tooltip : Status Failure or Pass , Success Rate : in percentage 7. Chart 2 is a bullet chart We need this job to get done asap. Please apply if you have the relevant expertise on the technological stack needed (React.Js + D3.Js) and are available for the work. Its a part of the project our Team is working on, so future jobs will also be there. We are seeking for a long term relationship with the candidates. Thanks.