{"version":"1.0","type":"rich","title":"Reusable Barley PunchCard Chart v5 - static","description":"This example presents a static punchcard-style chart visualizing barley yield data across multiple years and experimental sites. The visualization displays data points as circles arranged in a grid, with each cell representing a specific variety and location combination. Built with D3.js v5, the implementation demonstrates a reusable chart module pattern based on principles from Mike Bostock’s reusable charts and the Pro D3.js book. The code uses d3.scaleOrdinal for color encoding, d3.axisBottom and d3.axisLeft for axes, and SVG rendering with the data loaded from a CSV file containing 160 yield measurements with attributes for genotype, year, and site.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9e8d0ce1b5254f28ad2c670f996673b1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}