From 58807a0aa4a631d3899387acfa835b3573a3dbba Mon Sep 17 00:00:00 2001 From: reiz Date: Wed, 22 May 2013 15:37:30 +0200 Subject: [PATCH 1/4] Add documentation for dependency_wheel.js improvement. --- docs/dependencywheel.js.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 docs/dependencywheel.js.md diff --git a/docs/dependencywheel.js.md b/docs/dependencywheel.js.md new file mode 100644 index 0000000..0f8903c --- /dev/null +++ b/docs/dependencywheel.js.md @@ -0,0 +1,15 @@ +## DependencyWheel.js + +Göran Bodenschlatz (coding46) and myself (Robert Reiz)(reiz) worked on dependency_wheel.js . This is 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/687474703a2f2f6d656469612d63616368652d6563352e70696e7465726573742e636f6d2f75706c6f61642f37323632303631323731313836373532325f475551696f6b76555f632e6a7067.jpeg "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. At the end we decided to use different color for incoming and outgoing connections. Outgoing connections we marked now blue and incoming gree. 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") + +Here is another blog post about this work: . + +We plan to use dependency_wheel.js for the project to visualise foot chains. From b294797362fa78529851ad82296dca0a2a9a0c60 Mon Sep 17 00:00:00 2001 From: reiz Date: Wed, 22 May 2013 15:41:33 +0200 Subject: [PATCH 2/4] Update the dependency_wheel.js image in the documentation --- docs/dependencywheel.js.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/dependencywheel.js.md b/docs/dependencywheel.js.md index 0f8903c..f3d897a 100644 --- a/docs/dependencywheel.js.md +++ b/docs/dependencywheel.js.md @@ -2,7 +2,7 @@ Göran Bodenschlatz (coding46) and myself (Robert Reiz)(reiz) worked on dependency_wheel.js . This is 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/687474703a2f2f6d656469612d63616368652d6563352e70696e7465726573742e636f6d2f75706c6f61642f37323632303631323731313836373532325f475551696f6b76555f632e6a7067.jpeg "Dependency Wheel") +![](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. From 93fc8adbe62aa0bc8611b6412318288c64ede9d4 Mon Sep 17 00:00:00 2001 From: reiz Date: Wed, 22 May 2013 15:46:07 +0200 Subject: [PATCH 3/4] Update text for dependency_wheel.js.md --- docs/dependencywheel.js.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/dependencywheel.js.md b/docs/dependencywheel.js.md index f3d897a..77dd398 100644 --- a/docs/dependencywheel.js.md +++ b/docs/dependencywheel.js.md @@ -1,15 +1,15 @@ ## DependencyWheel.js -Göran Bodenschlatz (coding46) and myself (Robert Reiz)(reiz) worked on dependency_wheel.js . This is JavaScript library to visualize connections between nodes. On it is used to visualize recursive dependencies of Software Libraries. Here is an example: +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. At the end we decided to use different color for incoming and outgoing connections. Outgoing connections we marked now blue and incoming gree. Here is an image how it looks now with the hover effect. +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") -Here is another blog post about this work: . +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. From 727e08eb46954bfc4e18945913a1540da2125ffd Mon Sep 17 00:00:00 2001 From: reiz Date: Wed, 22 May 2013 15:47:48 +0200 Subject: [PATCH 4/4] Rename md file for dependency_wheel.js --- docs/{dependencywheel.js.md => dependency_wheel.js.md} | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename docs/{dependencywheel.js.md => dependency_wheel.js.md} (98%) diff --git a/docs/dependencywheel.js.md b/docs/dependency_wheel.js.md similarity index 98% rename from docs/dependencywheel.js.md rename to docs/dependency_wheel.js.md index 77dd398..b0fbf48 100644 --- a/docs/dependencywheel.js.md +++ b/docs/dependency_wheel.js.md @@ -1,4 +1,4 @@ -## DependencyWheel.js +## 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: