Cope and Drag

Diagramming by spatial refinement.

Cope and Drag (CnD) is a fork of the Sterling visualizer that replaces the default layout engine with a spatial-refinement approach. You describe how parts of a diagram should relate in space — "above", "grouped", "aligned" — and the CnD engine solves for a layout that satisfies those constraints. It works with Alloy and Forge.

v4 is the TypeScript/Sterling-based rewrite of the original copeanddrag. The v3.x JavaScript implementation is preserved in this repo's history via tags (v3.4.8 and earlier).

Quick links

• Documentation →
• CnD Language reference →
• Developer guide → — run, build, code layout, feature flags

Quick start

yarn install
yarn run dev:forge   # or: yarn run dev:alloy

The app runs on http://localhost:8081. For the full dev walkthrough — building, synthesis mode, code layout, feature flags — see DEVGUIDE.md.

License

MIT