Charts, Slider und Checkboxes hinzufügen

Fortgeschritten

Adding Charts, Sliders, and Checkboxes

A simulation diagram isn't just a structural view — it's a dashboard. You can drop charts, sliders, and checkboxes directly onto the canvas alongside your agents, and the result is something you can hand to a stakeholder and let them play with.

Add a chart widget

  1. In the Toolbox, find the Chart Widget entry
  2. Drag it onto the simulation diagram
  3. The chart appears — drag and resize it like any other element

In the Properties Panel, configure the chart:

  • Type — Line (for trends), State Timeline (for state-machine-style views), Comparison (across scenarios)
  • Series — pick one or more (agent, property) pairs to plot
  • Range — let it auto-fit, or pin to specific bounds

Charts read values from the same place the time series grid does — manual entries, computed formulas, all show up together.

Add a slider

Sliders let users drive a numeric baseline value on one or more agents directly from the diagram. As they move the slider, the time series updates and any formulas depending on it recompute.

  1. Drag a Slider from the Toolbox onto the diagram
  2. In the Properties Panel, set:
    • Min, Max, Step — the slider's range and granularity
    • Targets — the (agent, property) pairs the slider drives. One target controls one agent; several targets let one slider drive a whole group.

This is how you turn a live twin into an interactive dashboard. The Limits to Growth example in the intro model uses a slider to control the rate of change — drag it and watch the system reach its carrying capacity sooner or later.

Add a checkbox

Checkboxes work like sliders but for boolean properties. Useful for toggling features, enabling/disabling whole subsystems, or switching between modes.

  1. Drag a Checkbox from the Toolbox onto the diagram
  2. In the Properties Panel, pick the (agent, property) targets the checkbox drives

When the checkbox has multiple targets and they disagree, it renders as indeterminate; clicking sets all of them at once.

Build up over time

Start with one chart showing one property. Add more series as you want to compare. Drop a slider when a stakeholder asks "what if this number changes?". Add a checkbox when there's a clear binary in the conversation.

The grid, the simulation engine, the dashboard — they're all looking at the same underlying twin. Anything you change with a slider on the canvas shows up immediately in the time series grid and in any formula that reads that property. The dashboard is just another way to see and edit your computational knowledge graph.

Next steps

  • Writing Property Formulas — give the slider something to feed into
  • Live Twins: A First Look — refresher on how scenarios and twins fit together