Simple d3.js force directed graph
Budget: $10 – $30 USD
I am looking for a freelancer who can create a simple d3.js force directed graph to visualize the network structure of a provided dataset. The ideal candidate should have experience in d3.js and data visualization.
I have a CSV file (see a small sample attached). It has dates, event id's, a column of owership share (in %), the type of transaction (new org, sale, or new stoc), and 3 columns of node ID's: org id, buyer id, seller id.
I want a force directed graph in d3js with node links to have a with, according to the owership share. I want the nodes and links to change in accorance with the event id's in the CSV file, and after every event, wait 3 seconds before adding the next event. The stroke-width shall be some suitable multuple of the currenct 'share' in the CSV file.
For example:
Event 1 : creates node 1 and links it with 10% thickness to to node id 5, with 30% thickness to node id 4, and with 60% thickness to node id 6.
*wait 3 seconds*
Event 2: creates node 2 and links it with 33.3% thickness to nodes 9, 10 and 8.
*wait 3 seconds*
Event 3: removes 3.3% thickness from the link between node 1 & 5, and adds 3.3% to the link between 1&4. Then it removes 6.7% thickness from the link between node 1&5 and adds 6.7 to th link between nodes 1 &6.
*wait 3 seconds*
etc...
New nodes are created when needed. Nodes with no connection can just hang around on the canvas, thats fine.
If you are interested in this project, please show me some relevant work examples. Because this is a small job, if you can show me a video of a working example of the job that would be the fastest for all of us.
I have a CSV file (see a small sample attached). It has dates, event id's, a column of owership share (in %), the type of transaction (new org, sale, or new stoc), and 3 columns of node ID's: org id, buyer id, seller id.
I want a force directed graph in d3js with node links to have a with, according to the owership share. I want the nodes and links to change in accorance with the event id's in the CSV file, and after every event, wait 3 seconds before adding the next event. The stroke-width shall be some suitable multuple of the currenct 'share' in the CSV file.
For example:
Event 1 : creates node 1 and links it with 10% thickness to to node id 5, with 30% thickness to node id 4, and with 60% thickness to node id 6.
*wait 3 seconds*
Event 2: creates node 2 and links it with 33.3% thickness to nodes 9, 10 and 8.
*wait 3 seconds*
Event 3: removes 3.3% thickness from the link between node 1 & 5, and adds 3.3% to the link between 1&4. Then it removes 6.7% thickness from the link between node 1&5 and adds 6.7 to th link between nodes 1 &6.
*wait 3 seconds*
etc...
New nodes are created when needed. Nodes with no connection can just hang around on the canvas, thats fine.
If you are interested in this project, please show me some relevant work examples. Because this is a small job, if you can show me a video of a working example of the job that would be the fastest for all of us.