{"version":"1.0","type":"rich","title":"Create a reusable table using d3 and jquery DataTables","description":"A reusable table component built with D3 and jQuery DataTables displays gene expression data with columns for GeneID, LogFC, AvgExpr, Log2Sigma, color, symbol, p-value, and x/y coordinates. The component is implemented as a closure with setters and getters, allowing it to be configured without hardcoding data-specific attributes. A dispatcher broadcasts `highlight` and `select` events triggered by table interactions, and a listening div updates its text content in response. This modular design keeps the table decoupled from the data structure while enabling responsive behavior through event-driven communication.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-4c4980f31abdef64e7e2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}