{"version":"1.0","type":"rich","title":"Stylized Bar Chart","description":"A stylized bar chart displays event counts over time, with bars rendered as alternating solid blocks and gaps. The visualization uses a React class component with mouse event handlers to enable rectangular region selection, drawing a semi-transparent overlay as users drag. Data comes from the provided `inData` array, which combines actual document counts with randomized values. The chart uses D3 v5 scales (`scaleBand`, `scaleLinear`) for positioning, while axes and marks are custom React components. Hovering over a bar highlights it in orange, and tooltips show formatted dates for each data point.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f33fb0dfc5244f5987f383b724cc2a93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}