{"version":"1.0","type":"rich","title":"Patriots Marks and Channels","description":"This example shows how different visual encodings—position, length, size, shape, and hue—can represent data, demonstrated through a series of simple marks. The main view renders a bar chart of player statistics using `d3.selectAll` and `join` to bind data arrays. It uses `schemeCategory10` for categorical colors and scales the bar width and height from paired values in the `playerStats` array. The visualization is built with D3 v7, using modular imports for each encoding type and an SVG container sized at 800 by 400 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/39d6d65ddb56411eaa878f7c0d7a4121?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}