{"version":"1.0","type":"rich","title":"Labeled Marks and Channels","description":"This visualization demonstrates the variety of visual channels available for encoding data, presenting eight separate SVG panels—each labeled with a mark type (position, size, shape, color, texture) displayed as a row of five circles, rects, or paths. The example uses D3.js to construct the charts, with each mark’s properties (e.g., x-coordinate, radius, fill color via `hcl()`, or pattern fill) tied to the data index. The code provides a hands-on reference for how to implement different channels, from positional and size variations to color hue, luminance, saturation, and geometric or texture-based marks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8b77f434bf114b508dac31fac5bce96d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}