{"version":"1.0","type":"rich","title":"Generated by XState Viz: https://xstate.js.org/viz","description":"This example shows a multi-step form wizard for a free trial signup, where users navigate through fields like name, email, and password before reaching a confirmation screen. The state machine, defined with XState’s `Machine` and `interpret`, tracks the current form and skips already-filled fields using guards like `hasNext` and `hasBack`. Actions such as `assign` update the `currentForm` based on helper functions `getNextForm` and `getBackForm`, while the initial context pre-populates email and employee data. The visualization, rendered by XState Viz, displays transitions between `idle`, `form`, and `confirm` states.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a11db8f49a443b3ad56a42f68bbc25a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}