{"version":"1.0","type":"rich","title":"19_ cheap tricks for interaction D3.js!","description":"The example shows a yellow SVG smiley face with two eyes and a mouth, rendered using D3.js shape generators and SVG primitives. The code builds the face by appending circles, rectangles, and a path created with the `arc` generator to an `<svg>` element. It demonstrates simple animation where the eyebrows, drawn as rectangles, move upward and then return to their original position using chained `transition` calls with a duration of 2000 milliseconds each. The face is centered by translating a group element, with fixed numeric values controlling eye spacing, eyebrow size, and mouth radius.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1b763d7d998469aa90c10c194341ae1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}