CLD Viewer

A generic interactive viewer for causal loop diagrams. Click a sample below to load a CLD, or use the file loader to drop your own JSON file in the systems-thinking CLD schema.

Open the viewer in its own tab

Loaded CLDs

• Winner Takes All — see the Winner Takes All article for the full discussion.

How it Works

The viewer is a port of the systems-thinking course CLD viewer. It uses vis-network to render the diagram with physics disabled, so dragging a node moves it permanently.

URL Parameters

Parameter	Effect
?file=<name>	Loads examples/<name>.json on page load. Useful for embedding via iframe.
?menu=true	Shows the header, sample buttons, file loader, and details panel. Default is the clean iframe view.

Adding New CLDs

1. Drop a <name>-cld.json file into docs/sims/cld-viewer/examples/.
2. Add an entry to the examples array in cld-viewer.js.
3. Reference it from any markdown page with an iframe pointing at ?file=<name>.