diff --git a/docs/dependency_wheel.js.md b/docs/dependency_wheel.js.md new file mode 100644 index 0000000..b0fbf48 --- /dev/null +++ b/docs/dependency_wheel.js.md @@ -0,0 +1,15 @@ +## dependency_wheel.js + +Göran Bodenschlatz (coding46) and myself (Robert Reiz)(reiz) worked on dependency_wheel.js . This is a JavaScript library to visualize connections between nodes. On it is used to visualize recursive dependencies of Software Libraries. Here is an example: + +![](http://robertreiz.files.wordpress.com/2013/05/screen-shot-2013-05-22-at-3-39-17-pm.png "Dependency Wheel") + +dependency_wheel.js is pure JavaScript. It uses a HTML 5 Canvas object to do the drawings. + +At the GitMerge Hackathon we worked on it to display directions in the wheel. We did some brainstorming and came up with different solutions. In the end we decided to use different color for incoming and outgoing connections. Outgoing connections we marked now blue and incoming green. Here is an image how it looks now with the hover effect. + +![](http://robertreiz.files.wordpress.com/2013/05/screen-shot-2013-05-15-at-11-08-16-am.png "Dependency Wheel") + +In the image above you can see the Actionpack depends on 9 other GEMs. And 2 other GEMs are depending on Actionpack. Here is another blog post about this work: . + +We plan to use dependency_wheel.js for the project to visualise foot chains.