{"version":"1.0","type":"rich","title":"Let's make a face","description":"This example shows a minimal scatter of five black circles arranged in a vertical column, rendered as an SVG through D3’s data join pattern. The code sets an SVG canvas with a height of 500 pixels and width of 50, then uses `d3.select('body').append('svg')` and `svg.selectAll('circle').data(dataset).enter().append('circle')` to bind an array of numeric values to circles, all initially placed at fixed coordinates. Although the commented-out block suggests an intended horizontal layout using `attr('cx', function(d, i) { … })` and radius mapping, the active code leaves positions static, producing a simple column of uniform black dots. The example relies on D3 v6, React, and basic SVG attributes like `fill`, `cx`, `cy`, and `r`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aba55448761341c2b3f781e749e4074c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}