Dependency diagram

Which models depend on which — the order tables must be created in, and the reverse order they must be dropped in.

The code

new DependencyDiagram({
  title: 'model dependencies',
  nodes: [
    { name: 'User', group: 'core' },    { name: 'Post', group: 'content' },
    { name: 'Comment', group: 'content' }, { name: 'Tag', group: 'content' },
  ],
  edges: [
    { from: 'Post',    to: 'User', label: 'authorId' },
    { from: 'Comment', to: 'Post', label: 'postId' },
    { from: 'Comment', to: 'User', label: 'authorId' },
  ],
}).generate()

What it produces

Generated by running the snippet above — this is the generator's real output,
rebuilt by scripts/build-diagram-examples.mjs, not a picture of it.

Follow the arrows to create, reverse them to drop. A cycle here means you need a deferrable constraint.

Saving it

generate() returns the SVG as a string; save(path) writes it straight to
disk.

diagram.save('docs/schema.svg');

Diagram generators — every generator and its options

Models — the definitions these are drawn from

Dependency diagram

The code#

What it produces#

Saving it#

Related reading#

The code

What it produces

Saving it

Related reading