{"version":"1.0","type":"rich","title":"Let's make some peeps","description":"This visualization displays a grid of stylized, marshmallow-like \"peep\" characters, each rendered as an SVG shape composed of a head and body. The peeps are colored to represent a proportional breakdown of a dataset, with partial characters showing transitions between categories. Built with React and D3 v7, the code uses reusable React components and SVG paths to draw each figure, while a custom function calculates the distribution of colors across a 4x5 grid to visualize the data's proportions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e4da36a867b04a7aa2ea118c9d034d11?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}