{"version":"1.0","type":"rich","title":"AI-Generated Colors with D3","description":"Three colored boxes display the hex colors #00B8D4, #7ED957, and #FEBD00 in a row. The example demonstrates a minimal D3.js workflow: using `d3.select` on the body, `selectAll('div')` with a data join, and `enter().append('div')` to create boxes styled via `.style('background-color', ...)`. The data array holds the color strings directly, and the styling is applied per datum, showing how D3 maps data to visual elements. The code is generated by ChatGPT and uses D3 v6.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82035c35542145cc951e8deefd542d74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}