Completed

Modify Javascript code -- 2

I need this javascript code modified:

[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

Skills: Javascript

See more: www code org, tree starting with n, tree rendering, css, html, javascript, string problems, string matching in c, rectangle lines, rectangle line, number of nodes in a tree, nodes and edges, matching string, line rectangle, io.js, improvements code, https code org, how to computer code, how to code a computer, github node js

About the Employer:
( 2 reviews ) none of your business, Romania

Project ID: #8131675

Awarded to:

EricMasoero

I like all web technologies, JavaScript and PHP first. Both are my favorite languages that I always use for my personal projects. And above all, I appreciate when my work is usefull to other people.

$111 USD in 5 days
(0 Reviews)
0.0

5 freelancers are bidding on average $169 for this job

TenStar718

Hello, sir. I am a expert JS developer. if you give me a chance, I will do best for you. Thank you!

$210 USD in 3 days
(17 Reviews)
5.2
nuprogramer

Hi, I hope you are doing good. I have worked on several similar projects. I intend to work on your project and get it done. I need some details regarding your description. Can we discuss them? Regards, Nuprogramer More

$315 USD in 6 days
(10 Reviews)
4.7
sanjagan88

A proposal has not yet been provided

$111 USD in 3 days
(0 Reviews)
0.0
gopiande

A proposal has not yet been provided

$100 USD in 7 days
(0 Reviews)
0.0