{"version":"1.0","type":"rich","title":"2.-Happy face (React)","description":"This example renders a cheerful yellow face as an SVG graphic within a React application. The face consists of a large yellow circle with a black stroke, two black eyes positioned symmetrically, and a mouth drawn as an arc using the `d3.arc` helper from D3 v7. React 17 constructs the SVG elements declaratively, while D3’s arc generator builds the mouth path with user-defined inner and outer radii and start/end angles. The layout is fixed, with coordinates computed relative to the center of the canvas. The data is hard-coded in the JavaScript source rather than loaded from an external dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/66a60c18a8e043ffa22648ea5a48ed7a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}