{"version":"1.0","type":"rich","title":"sortable table","description":"This interactive table displays product data with sortable columns for name, price, and stock. Built with React, it uses custom hooks containing `useState` and `useMemo` to manage and calculate sorting logic, toggling between ascending and descending order on click. The header buttons trigger the sort and display directional indicators defined in CSS. D3 is included in the page for potential data manipulation, though the core functionality relies on React state and event handling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4209918225c849c7b91b84318e1c109e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}