{"version":"1.0","type":"rich","title":"Re-create Marks and Channels Graphic","description":"This visualization recreates a 2D marks and size channels graphic, demonstrating the encoding of quantitative values through the area of basic shapes. The SVG canvas displays two horizontal sequences of geometric marks: squares and circles, each arranged in four steps of increasing size. The example uses raw SVG elements—specifically `rect` and `circle`—to show how area encodes data, with the entire group scaled by an SVG `transform` attribute. No JavaScript libraries are involved; the rendering relies entirely on static SVG markup and external CSS for styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6d4f256783424748b4589e06974aedf6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}