Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dependency_wheel.js #11

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

dependency_wheel.js #11

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
58807a0
Add documentation for dependency_wheel.js improvement.
reiz May 22, 2013
b294797
Update the dependency_wheel.js image in the documentation
reiz May 22, 2013
93fc8ad
Update text for dependency_wheel.js.md
reiz May 22, 2013
727e08e
Rename md file for dependency_wheel.js
reiz May 22, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions docs/dependency_wheel.js.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
## dependency_wheel.js

Göran Bodenschlatz (coding46) and myself (Robert Reiz)(reiz) worked on dependency_wheel.js <https://github.com/versioneye/dependency_wheel>. This is a JavaScript library to visualize connections between nodes. On <http://www.versioneye.com> 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: <http://robert-reiz.com/2013/05/15/improving-the-dependency-wheel-at-the-gitmerge-hackathon/>.

We plan to use dependency_wheel.js for the <http://trophicgraph.com/> project to visualise foot chains.