{"version":"1.0","type":"rich","title":"Generated by XState Viz: https://xstate.js.org/viz","description":"This example shows a state machine for a display that can be hidden or visible, with the visible state running two parallel substates: a light/dark mode and a brightness level that automatically dims after a 5-second timeout. The machine, defined with the XState library’s `Machine` function, uses a hierarchical configuration with parallel states, transitions on events like `TURN_ON`, `TURN_OFF`, and `SWITCH`, and a `delays` option for the timeout. The visualization is rendered by XState Viz, which interprets the machine definition to generate an interactive diagram of the states and transitions.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bd4ce28f70f150a97590c7fac4888e50?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}