React library drawing tree

0

Witam, zlecę wykonanie jednego komponentu, najwygodniej w React, poniżej opis w języku angielskim. W razie pytań, proszę pisać

The React library which might draw below tree structure with the timeline above it

Each node should have information about its parent id and values it holds itself and next node id if exists
Each node should be aligned with the timeline defined above the tree to have it in one line (vertical)
Text for up arrow can be defined as constant. Another constant should be defined for down arrow
API for modifying nodes 'Text' programmatically (id based)
API for fetching all nodes for given timeline ex. Time 2 so I might modify it's text using API
API to fetch last nodes in the tree so I might modify it's text using API

Tree should be drawn by providing amount of Time ex. 4 will draw a tree with 4 levels along with initial numeric value A for Time 0. API should consume function for up arrow and down arrow which is going to be applied against parent numeric value coming from field A and set in current node under field A.

Example of up arrow and down arrow function -> Time 0 field called A has a value 50. We define a constant function for the up arrow to add 5. We also define a constant function for the down arrow to subtract 5. At Time 1 we have a two nodes - first node with value of 55 for A (up) and second node with value of 45 for A (down). At Time 2 we have a tree nodes - first node has a value of 60 for A (up), second node has value 50 for A (down/up) and third node has value 40 for A (down)

Other open-source libraries like Highcharts or other can be used as well if this will satisfy requirements above

https://ibb.co/CBbnQ8j
https://ibb.co/TKbDZs8

0

dalej jesteś zaintersowany? to jest zadanie do szkoły?

1 użytkowników online, w tym zalogowanych: 0, gości: 1