uskudnik / graphgl Goto Github PK

Is it possible to use CanvasRenderer from Three.js instead of WebGLRenderer in GraphGL ?
If not can you provide any pointers on how to modify the source to achieve that ?

Using Chrome 12 and both example files:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_7) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.100 Safari/534.30 | WebGL 1.0 (OpenGL ES 2.0 Chromium) | Webkit (NVIDIA Corporation) | NVIDIA GeForce GT 120 OpenGL Engine | WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)

Uncaught TypeError: undefined is not a function GraphGL.js:54
GraphGL GraphGL.js:54
(anonymous function) example-2-gexf.html:151
jQuery.extend._Deferred.deferred.resolveWith jquery-1.6.1.js:995
jQuery.jQuery.extend.ready jquery-1.6.1.js:428
jQuery.DOMContentLoaded

Hi

  I would like to use GraphGL as part of my project yet its dependancy on

      three.js

  is unacceptable due to ***HUGE*** size of three.js - its over 180 meg !!!
  This is fine for stand alone client apps outside of a browser - but major fail
  for any browser based needs.     I personally write any WebGL logic using
  glMatrix-0.9.5.min.js   which is only 12444 bytes - Have you looked at
  seeing whether GraphGL can get along using glMatrix-0.9.5.min.js instead ?

  For my current project I need to visualize node/edges so will either roll my own
  lib from scratch using glMatrix-0.9.5.min.js or possibly see if I can fork your lib
  and remove requirement of three.js

  P.S. I started downloading three.js prior to writing this Issue and its
  still downloading ... currently at  over 200 meg !!! and climbing

cheers,
Scott

I want to visualize a weighted dynamic graph.
I tried inputing following json file in the demo https://github.com/uskudnik/GraphGL/blob/master/dynamic-demos/java-dependencies.html.

{"nodes": {
    "1": "java.awt.MenuBar", 
    "2": "java.awt.peer.FramePeer", 
    "3": "java.awt.geom.NoninvertibleTransformException", 
    "4": "java.awt.geom.Point2D.Double"
    },
  "edges": [
    {"source":"1", "weight":2, "target":"2", "edgeid":null},
    {"source":"1", "weight":2, "target":"3", "edgeid":null},
    {"source":"1", "weight":8, "target":"4", "edgeid":null}
  ]
}

The result is not as expected considering there is a repulsive force between each pair of nodes
Ideally, this should yield a planar graph with nodes "2" & "3" on one side of the central node node "1" and "4" being on the other side.
Also, if it considers edge weights then distance between "1" & "4" smaller than "1" & "2" or "1" & "3".
So, what am I missing here?