{"version":"1.0","type":"rich","title":"Generated by XState Viz: https://xstate.js.org/viz","description":"XState Viz renders a statechart for an asynchronous data-fetching machine, showing transitions between idle, pending, failed, and successful states. The successful state contains nested substates (unknown, withData, withoutData) using conditional guards. The code defines the machine with XState's `Machine` API, including `invoke` for a `fetchData` promise, `assign` actions for setting results or error messages, and a guard `hasData` that always returns false. The visualization displays the full state graph with labeled transitions and event-driven flows.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-ca2441986f4f64b582acde7b721031e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}