The implementation below is based on the 3d-force-graph package, itself carried by three.js and its WebGL rendering.

What do I do?

Stick your data below. Expected in either the CSV format (each line carrying a pair of parent,child or child,parent; check the right button below) or JSON (each key being a parent and corresponding value an array of children {parent: [child, child, ...], parent: [...]}, or a child and corresponding value an array of parents {child: [parent, parent, ...], child: [...]}).

Keep it consistent, no mixing between these formats.

Use the checkbox if you want to explicitely show the node names instead of keeping them as hovered labels. Keep it mind that might become unreadable for large number of nodes.

In blue the parent(s), in red the child(ren). Taking the database concepts this was initially written for, in blue the object(s) the current object depends on, and in red the object(s) that depend(s) on the current object.

To get out of the 3D representation simply refresh the page or use the table of contents (top-left button) to navigate to another page.