{"version":"1.0","type":"rich","title":"Generated by XState Viz: https://xstate.js.org/viz","description":"This example shows a finite-state machine for a display with two main states, hidden and visible, where visible runs three parallel substates for power, mode, and brightness. The machine uses XState’s `Machine` API with initial states, event transitions like `TURN_ON`, `TURN_OFF`, and `SWITCH`, and a delayed `TIMEOUT` transition after 5000 ms. The rendered diagram from XState Viz visually represents the state hierarchy, parallel regions, and event-driven edges, making the logic of state transitions and timing explicit.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-4fbbbf3767412486c8d745dd883fb8a9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}