{"version":"1.0","type":"rich","title":"Overlapped Barchart8","description":"This example visualizes survey data as a time-series line chart overlaid with semi-transparent rectangle bars representing each survey period. It uses D3’s scaleTime and scaleLinear for axes and a line generator for the trend line. The React app fetches `timeperiodv2.json` and displays tooltips on mouseover, with animated opacity transitions, highlighting each period’s name and value. SVG rendering draws the bars, axes with ticks, and labels directly above each bar.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e53c353c7a8a48578f7926bf17370607?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}