GiantComponent is a Javascript module built using PIXI.js to visualize a Giant Component graph. A random completely disconnected graph is generated with moving vertices and edges. Each rendering frame a new edge is added until the graph is complete. Edges are only visible once they are within the user defined threshold length. Project was inspired by the Ex Machina movie website background.
git clone https://github.com/sunjayBhatia/GiantComponent.git
cd GiantComponent
--
Description: builds GiantComponent object
Example: var gc = new GiantComponent(options)
Options:
DOMParent: DOM element to append giant component rendering area
width: integer, width of rendering area
height: integer, height of rendering area
vertexRad: number, radius of vertex
numVertices: integer, number of vertices rendered
vertexColor: function, vertex color
vertexMaxSpeed: number, max speed of vertices when moused over
vertexMouseSensitivity: number, increases mouse over area
edgeWidth: number, width of edges
edgeThreshold: number, maximum length of visibility for edges
edgeColor: function, edge color
Description: start the giant component animation
Example: gc.start()
Description: pause the giant component animation
Example: gc.pause()
Description: unpause the giant component animation
Example: gc.unpause()
Description: stop and clear the giant component animation
Example: gc.end()
--
Serve directory with the following command:
python -m SimpleHTTPServer
Navigate in browser to localhost:8000/example