{"version":"1.0","type":"rich","title":"Face with D3.js","description":"This example demonstrates how to build a simple face-like composition using basic SVG shapes and D3.js. It shows circles, rectangles, and lines arranged with SVG grouping and transform attributes to create a structured layout. The code utilizes SVG elements directly within an HTML file, applying styling through classes and inline attributes, including colored fills, stroke widths, and line joins. A pink group with green strokes and a green-bordered path illustrate how different SVG properties combine visually. The rendering approach is purely SVG-based, with no data binding or dynamic data sources involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9daaf43f1dff4a9d804ac90cb3904aeb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}