D3 modules dependency time graphs

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.

Usage

With the mouse, hover the release rectangles to show their dependencies graph
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 out
mouse drag: pan left-right

(this will most certainly change in the future)

FOCUS panel

Shows:

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:
- the first valid version of d3-path as a dependency of d3-shape 0.6.0 is 0.1.3;
- the last valid version of d3-path as a dependency of d3-shape 0.6.0 is 0.1.5.
Choose how to visualize "servers" (dependencies):
- as "sets" (lines passing through the focused release and all servers);
- as links between each server and the focused release.
Note that dependencies graph is a tree (because dependencies have their own dependencies):
- since a set is basically a subtree, the color of a set is the color of the module originating that subtree;
- links, instead, gets the color of the dependency.
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:

Run: