I would like to develop a realtime chart in Konva.js with animations. Attached is an image of how it should look. The bar chart represents revenue per month. The yellow circles fall appear at the top and fall down as transactions come in.

# Full specification
Attached to this job is a specification in pdf. You are only responsible for the frontend part. Scroll past the backend specification until you get to the frontend specification. I’ve included the backend specification only to give you a better understanding of how it all works together.

# Implementation steps
We already have a backend developer. You will be helping us out by implementing the chart.
1. Start a new next.js project. You don’t need to be a next.js expert. It’s just to get the structure of the project.
2. Add mockup next.js endpoints according to specifications. The mockup endpoints will respond with the data to be shown in the bar chart. Hardcode json responses.
3. Implement the bar chart using konva.
4. If the result is good enough, we’ll move your code into the real next.js site and use the real endpoints to feed real data to your bar chart.

What color should the circle be? Include the answer as the very first word in your response. I use that to filter out people who apply without reading the description.

Hourly Range: $15.00-$30.00

Posted On: August 19, 2024 23:05 UTC
Category: Front-End Development
Skills:Front-End Development, Animation, JavaScript, React, Data Visualization

Country: Sweden

click to apply