[url removed, login to view]
Nodes will be provided as a json string. I picked this example because I have a large number of nodes, around 40000. The given code claims it knows how to do this, so this part is a matter of matching my data with their specifications.
[url removed, login to view] almost works as intended with 25k nodes. [url removed, login to view] which was given as a starting example has some rendering problems with nodes which do not exist in example1.
A node will have the following attributes:
- node id
- node text (to be displayed on node)
- shape of node (a number specifying how to draw this node: 0 - ellipse 1 - rectangle 2 - rhombus 3 - no node shape, like in the above link => I need to have a few different drawing styles for nodes and those should do)
- node background color (0-9 : we need to have 10 predefined node background colors in the .js file and a predefined text color and a predefined overall background color)
- node hover text - I have extra information for a node that must be displayed in a hovering rectangle when user moves the mouse over the node (like here: [url removed, login to view] - I don't need graphics included in the hover text but I do need a way of having at least two predefined colors for the drawn text)
Edges will have some (short) labels, so the code must be modified to draw this text when drawing the tree edges, like here ([url removed, login to view] see the 1st image and the edge with 'Label' written on it). Edge label should be drawn as much as possible over the edge line so it wouldn't be crossed by it (especially for straight edge lines)
Edges will have the same color (which must be predefined in the js file).
I need a sample .html file that includes the .js file to draw my custom tree, the tree view zone should be expanded to the whole page, unlike in the original link where it shows it only on 1/3rd of screen.
We must have 3 predefined text sizes (and fonts) in the .js file: one for node text, one for edge text and one for hover text.
So basically I will provide the nodes/edges in a json string and I will receive a sample .html + modified .js file and this should work in Chrome browser. Initial tree loading should be fast, under 5 seconds (on a reasonably fast computer with 40000 nodes in the input file). Node navigation should be also fast (when I click on a node).
This almost works for 25k nodes on my computer, just need some caching and see why example2 behaves differently than example1 (almost same code). And add the drawing improvements I mentioned above of course