A directed graph variant


Please refer to the undirected version for information regarding layouts, basic functions, menus and keyboard shortcuts.


Algorithms

Page Rank

Perform Google's pagerank algorithm
Source canvas Result canvas Animation
Label the PR value on each node - Change the label size and background color of each node with respect to its PR value

Detailed Page Rank

Perform Google's pagerank algorithm
Source canvas Result canvas Animation
Label the PR value on each node - A step-by-step animation of the algorithm, showing the PR composition of each node by highlighting itinbound edges and labeling the weight they give

Third-party code and dependencies

Bootstrap
Cytoscape.js
Cola.js
Cytoscape-cola.js
Cytoscape-cose-bilkent.js
Cytoscape-cxtmenu.js
Cytoscape-panzoom.js
Cytoscape-edgehandles.js
Cytoscape-snap-to-grid.js
Cytoscape-spread.js
FontAwesone 4.7
jQuery
Weaver.js
Lodash.js
Math.js

Update catalog

For latest changes, please refer to my commits

March 3rd, 2018
1. Fixed incorrect display of the native pagerank algorithm
2. Changed the normalization parameter so that the normalization of the rank happens in between two iterations

October 14th
1. Optimized node labels in the process of animation of the page rank algorithm
2. Added in process/final normalization of PR value

October 13th
1. Implemented step-by-step animation of the page rank algorithm using the iterative approach
2. Implemented a matrix manipulation approach of the page rank algorithm
3. Fixed minor issues affecting the accuracy of final PR values

October 12th
1. Add function call to the page rank algorithm implemented in Cytoscape's library
2. Implemented page rank algorithm using an iterative approach.

October 11th
1. Modified the undirected graph tools, making it suitable for visualizing directed graph algorithm