{"version":"1.0","type":"rich","title":"Smiley Face Part IV (React Components & ES6)","description":"This example shows a yellow smiley face built from SVG primitives, with yellow circular background, two black eyes, and a curved mouth. It demonstrates how to combine React components with D3’s arc generator for the mouth path. The code uses React and ReactDOM for rendering, D3’s `arc()` method for path data, and ES6 features like arrow functions, destructuring, and template literals. The face is centered on a 960×500 canvas, with eyes offset by fixed pixel values and the mouth drawn as an arc between specified angles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/64ccb85a71d549b5abc5297bac23c912?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}