{"version":"1.0","type":"rich","title":"restaurant-orders-data","description":"This visualization displays raw restaurant order data from a Kaggle dataset, presenting each record as a JSON object. The example loads the CSV file asynchronously and parses it using D3's `csvParse` function, mapping string attributes like \"Order ID\" and \"Payment Method\" to cleaner property names while converting numeric fields such as \"Quantity\" and \"Price\" to numbers. The `viz.js` module uses D3's `select` and `join` operations to render the parsed data as a formatted `<pre>` element, with the initial state showing \"LOADING\" until the fetch completes. The interaction pattern relies on a simple state management system where `setState` triggers a re-render of the visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/70cca2a9db3d4967a423e01e7088fa97?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}