{"version":"1.0","type":"rich","title":"Using ES6","description":"This example visualizes a smiley face using React and D3.js. The face, eyes, and mouth are all rendered as SVG elements within a single `` canvas. The code defines reusable React components, `Face` and `Eyes`, which draw the yellow circle and the two black eye circles, respectively. The mouth is generated using D3's `arc()` API, which creates a semi-circular path. All elements are positioned relative to the center of the canvas using the `d3` arc generator and React's transform attribute.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}