WebGL 3D connectivity graph visualization

This project received 16 bids from talented freelancers with an average bid price of $330 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
Project Description

1st Phase - Create a very basic WebGL visualization which shows simple, 3D connectivity graph, with a center object sphere and its connected spheres floating around it in space, connected with colored lines to the center object. Background should be a freely selectable JPEG image.

All connectivity infomation (between the center object and its end connections floating around it) will be provided in JSON (or other requested simple form), so no need to handle Server-Side codes at all. Item color, distance from center object, Label for object will be included in the JSON. The visualization should be slowly rotating in 3D even without human interaction. Users should be turn on/off labels for the objects, and zoom in/out of it. The orientation (relative angle) of each connected end point from the center should be randomized in both horizontal and vertical plane (at initialization), only distance, id, label, color is given.

2nd Phase - LATER (Not in the first developement phase) The module should be able to display the end object's (and those end objects' end objects, and so on...) own connectivity graphs in the same visualization space as well, in a desired depth, recursively, if you like (depth freely selectable but usually not exceeding 3 depth levels). In this 2nd phase, lines should also act like an arrow, indicating connection direction as well (ie. A is connected to B, but B is not to A). At every recursive level, the distances between the objects (given in the JSON) should be divided by 2, or X on the power of 2, where X is the recursive depth, and sphere sizes / line widths should also be reduced accordingly. The connective lines & spheres should be stylable ie. glow, lighting, shading, etc. Final goal is that the visualization should look like a "Galaxy" of items connected. The user should be able to select any node, display some labes and icons onMouseOver, and replace the Center object by any other node by clicking on it. The user should also be able to rotate the view in any direction, and zoom in/out to any part of the graph (not just the center)

Overall (1st and 2nd phase) - The WebGL visualization will be a small panel on a more complex web page, and it should be enlargeable to full screen, and should be refreshed if the server's relevant database is updated, or the center object is changed ( a new item description JSON will be available in such case, again, no need to handle the server side code!)

Please give a price offer for the first phase (only 1 center object and its end connections) and the second phase (end connections can have their connections as well, at a given recursive depth) too.

Budget for the 1st phase is around 150-250 USD, for the 2nd phase it's around 350-500 USD, tops.

Time available for the developement is 2 weeks (for the 1st phase), 1 month (for the 2nd phase), starting from the time the relevant JSON file becomes available.

A very primitive, hand-drawn example of how the rotating, 3d graph should look like at first (approximately) is attached.

Awaiting Your offers, thank You!

-Gergely / Hungary

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online