Temporal Dependency Graph
As of today, this script create dependency graphs of D3 modules, for d3
version 4+.
In the future it might support generic npm
modules.
Focusing on a certain release of a d3 module, you can visualize its dependencies tree and the modules that depends on the focused release.
click
on a release: pin/unpin it (then you can change how to display the dependencies graph using sidebar's controls)mouse wheel
: zoom in and outmouse drag
: pan left-rightserver
: a module the focused release depends onclient
: a module depending on the hovered release(this will most certainly change in the future)
FOCUS panel
Shows:
name
, version
, date
and time
CONTROLS panel
Choose how you want to inspect dependencies release date.
For example, d3-shape
version 0.6.0
depends on d3-path
version ~0.1.3
. In semver lingo this is a version range
meaning >=0.1.3 <0.2.0
, hence as of now:
d3-path
as a dependency of d3-shape
0.6.0
is 0.1.3
;d3-path
as a dependency of d3-shape
0.6.0
is 0.1.5
.Choose how to visualize "servers" (dependencies):
Note that dependencies graph is a tree (because dependencies have their own dependencies):
Choose if you want to see "client lines", links between the focused release and its clients.
LEGEND panel
Shows graphs elements representation associated with their meaning. Well, it's a legend :)
Install dependencies:
node
and npm
on your systemcd <your work directory>
clone [email protected]:mindrones/timely-dependency-graph.git
cd timely-dependency-graph
npm install
Run:
gulp