react native component
Budget: $30 – $250 USD
React Native Chart component (not a full App)
1) developed in 'hook mode'?
2) The component will be able to show live chart of candle sticks (like shown here: https://www.youtube.com/watch?v=gLsi1IO4BpA)
3) have a function of adding new candlesticks data or replacing exising one (by time parameter)
4) It should be developed in high performance capability. means by drawing candles as SVG (or other fast kind). regarding the performance, you can see this link: https://www.youtube.com/watch?v=wEVjaXK4sYQ&t=1507s in minute 2:50 (up to minute 9:00) William talks about performance issue and solution
5) It should be able to be moved right or left (by gesture), zoom in, zoom out (by pinch), fully customized colors by parameters, title parameter.
6) It shold have 2 axis: Y axis on the right, X axis on the left.
7) autoscale, which mean I give it an array of data as a parameter and it should find the scale within the data that shown. If i'm providing 1000 candles of data and want to show 300 candles only, It should consider the data of the 300 and show the axis scale as well. moving right and left should rescale.
8) Data array example: [{d:'2022-02-15 09:00', o:1.36135, h:1.36258 l:1.35978 c:1.36089},{d:'2022-02-15 09:30', o:1.36089, h:1.36138 l:1.35918 c:1.36122}]
9) allow drawing horizental lines on the chart with lables of what the line is showing.
10) should be working both in react-native mobile ios and android and also work well with react-native web application
11) Not using pre-ready components like victory-charts. should be developed from scratch. recommended libraries: react-native-redash and react-native-svg
12) At the end it should be looked like the attached image
1) developed in 'hook mode'?
2) The component will be able to show live chart of candle sticks (like shown here: https://www.youtube.com/watch?v=gLsi1IO4BpA)
3) have a function of adding new candlesticks data or replacing exising one (by time parameter)
4) It should be developed in high performance capability. means by drawing candles as SVG (or other fast kind). regarding the performance, you can see this link: https://www.youtube.com/watch?v=wEVjaXK4sYQ&t=1507s in minute 2:50 (up to minute 9:00) William talks about performance issue and solution
5) It should be able to be moved right or left (by gesture), zoom in, zoom out (by pinch), fully customized colors by parameters, title parameter.
6) It shold have 2 axis: Y axis on the right, X axis on the left.
7) autoscale, which mean I give it an array of data as a parameter and it should find the scale within the data that shown. If i'm providing 1000 candles of data and want to show 300 candles only, It should consider the data of the 300 and show the axis scale as well. moving right and left should rescale.
8) Data array example: [{d:'2022-02-15 09:00', o:1.36135, h:1.36258 l:1.35978 c:1.36089},{d:'2022-02-15 09:30', o:1.36089, h:1.36138 l:1.35918 c:1.36122}]
9) allow drawing horizental lines on the chart with lables of what the line is showing.
10) should be working both in react-native mobile ios and android and also work well with react-native web application
11) Not using pre-ready components like victory-charts. should be developed from scratch. recommended libraries: react-native-redash and react-native-svg
12) At the end it should be looked like the attached image