{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"This example demonstrates how to create a simple face-like pattern using D3.js by rendering five red circles across the center of an SVG canvas. The visualization uses fruit objects as the data source, with each fruit type assigned to a circle. The code leverages D3’s `select`, `range`, and `enter().append()` methods to bind data and generate circle elements, setting their `cx` positions based on index and `cy` to the vertical center. The resulting static composition highlights basic data-binding and SVG shape creation in D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2c38f8ab62ff44b382c3335af2b5c1cd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}