{"version":"1.0","type":"rich","title":"D3 Update Pattern – (block)Punchcard Example V5","description":"This interactive punchcard chart visualizes barley yield data across multiple sites and years, with each circle’s size mapped to the yield value. A dropdown menu filters the dataset by site, and when a new site is selected, the chart transitions smoothly. The visualization uses D3 v5’s `dispatch` event system, `d3.nest()`, and `d3.map()`, along with `d3.scaleSqrt()` for circle scaling and `transition().duration(750)` for animated updates. The data is loaded from a CSV file, and the chart is rendered as SVG with ordinal axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e5213bc46d04368aa40a68e8a438e84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}