{"version":"1.0","type":"rich","title":"Smiley Face Part 4","description":"This example shows a stylized smiley face built with React and D3 v5, rendered as an SVG. It uses a radial gradient for the background and a rotated linear gradient for the face fill. The eyes, pupils, and eyebrows are separate React components, with the eyebrows styled using CSS variables that change their fill and stroke-width on hover. The mouth is drawn with D3’s `arc` generator, and a blue tongue is rendered as a separate path. The code defines layout constants for positioning all facial features.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75a3b24437664895b5f4381566c5e2ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}