{"version":"1.0","type":"rich","title":"react components & es6","description":"This example shows a simple smiley face rendered as an SVG, built with React components and ES6 syntax. The face consists of a yellow circle, two dark eye circles, and a mouth arc, all sized and positioned relative to the window dimensions. React 16.9 manages the component structure, while d3.v7 provides the `arc` generator to create the mouth’s path. The SVG is drawn with fixed pixel width and height, centered on the page, and uses stroke and fill attributes for styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b425a5090c054eada85983383940fc20?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}