Causal Loop Diagram (CLD) Viewer

A shared fullscreen viewer used by every CLD-based MicroSim in this textbook. Open it directly to browse all available CLDs, or follow a "Fullscreen" link from a specific MicroSim to load a particular diagram.

Open Viewer in Its Own Window

What this viewer does

• Loads any CLD JSON file from examples/
• Lets you drag nodes to reposition them by hand
• Shows node, edge, and loop details in a side panel when you click on them
• Provides Save Positions and Copy JSON buttons so you can download an updated layout

MicroSims that use this viewer

• Causes of Political Corruption — Trust In Government with 4 feedback loops

For students

You can build your own CLD by:

1. Copying any file in examples/ as a starting template
2. Renaming the metadata.id and the filename to match (e.g., my-loop-cld.json)
3. Editing the nodes, edges, and loops arrays
4. Adding your file's id to the examples list in cld-viewer.js
5. Loading the page and clicking your new button

See the Lab Ideas in the Causes of Political Corruption MicroSim for suggested starting projects.