{"version":"1.0","type":"rich","title":"CHPATER 3 PRACTICE","description":"Eight horizontal rows of circles demonstrate how visual channels encode data. Each row represents a different channel: x position, y position, size, length, shape, hue, luminance, and saturation, using five data points per row. The code uses D3 v7 with SVG rendering, employing selection joins and attribute setters like `.attr('cx', ...)` and `.attr('fill', (d) => \\`hsl(${d * 72}, 50%, 50%)\\`)` to map values to visual properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c063cb226854930a793723c0b359a73?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}