fzaninotto / dependencywheel Goto Github PK
View Code? Open in Web Editor NEWA package dependency visualization using d3.js. Currently supports Composer for PHP.
Home Page: http://www.redotheweb.com/DependencyWheel/
License: MIT License
A package dependency visualization using d3.js. Currently supports Composer for PHP.
Home Page: http://www.redotheweb.com/DependencyWheel/
License: MIT License
Replaced:
<script src="js/d3.min.js"></script>
With:
<script src="https://d3js.org/d3.v4.min.js"></script>
This breaks the dependency wheel graph.
It would be extremely useful if the dep package names (the ones outside the circle) had next to them the versions, at which they are used. It would be even more useful if, when showing deps of a particular package, there would also be the version constraint (the version at which the deps are requested) next to the lines. Would something like this be possible?
My project has 120 dependencies, and clue/graph-composer
produces a 16 MB PNG that is 25k px wide; it's impossible to understand anything at all from it. Adding the above would be a real life-saver!
Tried to test it with the dataset used in the documentation:
var data = {
packageNames: ['Main', 'A', 'B'],
matrix: [[0, 1, 1], // Main depends on A and B
[0, 0, 1], // A depends on B
[0, 0, 0]] // B doesn't depend on A or Main
};
DependencyWheel based on above data set still shows that A depends on Main - doesn't reflect the data. Seems something is wrong.
Add package.json file to support npm install from git and imports using browserify
When the dependency wheel is too big it's hard to keep the mouse over the element.
It would be good to add this in text click/hover as well.
What do you think?
Add an alternative to fill with custom colours based on the element
In my case, each element is a country and give a colour that looks like the country flag it's better.
Just found this and wanted to use it in a new project but I think it's not loading in a compatible way. I am new to d3 so I can't just go about upgrading but I can try my hand.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.