{"version":"1.0","type":"rich","title":"Order Component","description":"This example shows an order component that manages and displays order data within a React application. The component initializes local state for order information, then updates it via the `setOrderInfo` function, and renders a `ListOrdersComponent` with the current orders and state. It uses React’s `createClass` API and `mapStateToProps` to connect the component to a Redux-style store, while the `create` method demonstrates how to merge new order data with existing state. The code references `Orders` and `ListOrdersComponent` from model and component modules, but does not specify a particular visualization library or rendering backend.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8c6baaeafbc70ee08fea9832723f6d6b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}